From fdf5408b7dd3cf96f3933647094be023fb823a3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Fri, 10 Jan 2020 13:44:13 +0100
Subject: [PATCH] Set the contactsmenu height without min calculation
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: Julius Härtl <jus@bitgrid.net>
---
 core/css/styles.scss | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/core/css/styles.scss b/core/css/styles.scss
index ef4ac4c712..e304357e67 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -991,8 +991,10 @@ span.ui-icon {
 }
 
 #header .header-right > div#contactsmenu > .menu {
-	/* show ~4.5 entries */
-	max-height: 278px;
+	/* show 2.5 to 4.5 entries depending on the screen height */
+	height: calc(100vh - 50px * 3);
+	max-height: calc(50px * 4.5 + 50px);
+	min-height: calc(50px * 3.5);
 	width: 350px;
 
 	.emptycontent {
@@ -1006,9 +1008,9 @@ span.ui-icon {
 
 	.content {
 		/* fixed max height of the parent container without the search input */
-		max-height: min(calc(278px - 50px), calc(100vh - 50px * 3));
-		height: min(calc(278px - 50px), calc(100vh - 50px * 3));
-		min-height: calc(44px * 1.5);
+		height: calc(100vh - 50px * 3 - 50px);
+		max-height: calc(50px * 4.5);
+		min-height: calc(50px * 3.5 - 50px);
 		overflow-y: auto;
 
 		.footer {