From f2e466905f8eb6142f287b9fd5ef9e6c8bb683b6 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Julius=20H=C3=A4rtl?= Date: Wed, 8 Jan 2020 15:22:44 +0100 Subject: [PATCH] Fix contacts menu sizing 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 | 16 ++++++---------- 1 file changed, 6 insertions(+), 10 deletions(-) diff --git a/core/css/styles.scss b/core/css/styles.scss index 7c6b7f8ad5..ef4ac4c712 100644 --- a/core/css/styles.scss +++ b/core/css/styles.scss @@ -990,16 +990,10 @@ span.ui-icon { } } -#contactsmenu > .menu { +#header .header-right > div#contactsmenu > .menu { /* show ~4.5 entries */ - height: 278px; + max-height: 278px; width: 350px; - max-width: 90%; - right: 13px; - - &::after { - right: 61px; - } .emptycontent { margin-top: 5vh !important; @@ -1011,8 +1005,10 @@ span.ui-icon { } .content { - max-height: calc(100% - #{$header-height}); - height: 100%; + /* 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); overflow-y: auto; .footer {