From bef426e3f4592a727a863fbba98a948562c80a85 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Julius=20H=C3=A4rtl?= <jus@bitgrid.net>
Date: Fri, 4 Oct 2019 20:56:10 +0200
Subject: [PATCH] Move to proper scroll container and add more space to height
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/header.scss | 16 ++++------------
1 file changed, 4 insertions(+), 12 deletions(-)
diff --git a/core/css/header.scss b/core/css/header.scss
index c7017e16e8e..9f6ef765039 100644
--- a/core/css/header.scss
+++ b/core/css/header.scss
@@ -87,10 +87,12 @@
z-index: 2000;
position: absolute;
max-width: 350px;
- max-height: $header-menu-entry-height * 7.5; // half entry
+ min-height: calc(44px * 1.5); // show at least 1.5 entries
+ max-height: calc(100vh - #{$header-height} * 2);
right: 5px; // relative to parent
top: $header-height;
margin: 0;
+ overflow-y: scroll;
-webkit-overflow-scrolling: touch;
&:not(.popovermenu) {
@@ -112,10 +114,7 @@
/* Use by the apps menu and the settings right menu */
#apps > ul,
- &.settings-menu > ul {
- max-height: calc(100vh - #{$header-height});
- overflow-y: scroll;
-
+ &.settings-menu {
li {
a {
display: inline-flex;
@@ -321,13 +320,6 @@ nav[role='navigation'] {
}
}
-#apps {
- max-height: inherit;
- overflow-x: hidden;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
-}
-
/* USER MENU -----------------------------------------------------------------*/
#settings {
display: inline-block;
--
GitLab