Move to proper scroll container and add more space to height

Signed-off-by: Julius Härtl <jus@bitgrid.net>
This commit is contained in:
Julius Härtl 2019-10-04 20:56:10 +02:00
parent d889019f00
commit bef426e3f4
No known key found for this signature in database
GPG Key ID: 4C614C6ED2CDE6DF
1 changed files with 4 additions and 12 deletions

View File

@ -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;