Move to proper scroll container and add more space to height

Signed-off-by: Julius Härtl <jus@bitgrid.net>

1 files 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;