From fdf5408b7dd3cf96f3933647094be023fb823a3e Mon Sep 17 00:00:00 2001 From: Julius Härtl Date: Fri, 10 Jan 2020 13:44:13 +0100 Subject: 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 --- core/css/styles.scss | 12 +++++++----- 1 file changed, 7 insertions(+), 5 deletions(-) (limited to 'core/css/styles.scss') 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 { -- cgit v1.2.3