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 ef4ac4c7123..e304357e671 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 {
--
GitLab