Fix size of header menus (#16057)

Fix size of header menus
This commit is contained in:
John Molakvoæ 2019-12-07 09:48:10 +01:00 committed by GitHub
commit 2959487f71
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 9 deletions

View File

@ -88,10 +88,12 @@
z-index: 2000; z-index: 2000;
position: absolute; position: absolute;
max-width: 350px; 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 right: 5px; // relative to parent
top: $header-height; top: $header-height;
margin: 0; margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch;
&:not(.popovermenu) { &:not(.popovermenu) {
@ -113,7 +115,7 @@
/* Use by the apps menu and the settings right menu */ /* Use by the apps menu and the settings right menu */
#apps > ul, #apps > ul,
&.settings-menu > ul { &.settings-menu {
li { li {
a { a {
display: inline-flex; display: inline-flex;
@ -319,13 +321,6 @@ nav[role='navigation'] {
} }
} }
#apps {
max-height: inherit;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/* USER MENU -----------------------------------------------------------------*/ /* USER MENU -----------------------------------------------------------------*/
#settings { #settings {
display: inline-block; display: inline-block;