wbrawner/server
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Move scroll container to inner element (#18615)

Browse source 
Move scroll container to inner element
This commit is contained in:
John Molakvoæ 2020-01-02 10:19:55 +01:00 committed by GitHub
commit 014f25f853
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
core/css/header.scss
View file

@ -75,6 +75,11 @@
} }
} }
@mixin header-menu-height() {
min-height: calc(44px * 1.5); // show at least 1.5 entries
max-height: calc(100vh - #{$header-height} * 2);
}
#header { #header {
/* Header menu */ /* Header menu */
$header-menu-entry-height: 44px; $header-menu-entry-height: 44px;
@ -88,13 +93,10 @@
z-index: 2000; z-index: 2000;
position: absolute; position: absolute;
max-width: 350px; max-width: 350px;
min-height: calc(44px * 1.5); // show at least 1.5 entries @include header-menu-height();
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;
&:not(.popovermenu) { &:not(.popovermenu) {
display: none; display: none;
@ -113,9 +115,17 @@
right: 10px; right: 10px;
} }
#apps > ul,
& > div,
& > ul {
overflow-y: auto;
-webkit-overflow-scrolling: touch;
@include header-menu-height();
}
/* 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 { &.settings-menu > ul {
li { li {
a { a {
display: inline-flex; display: inline-flex;