mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Move scroll container to inner element (#18615) 

Move scroll container to inner element
This commit is contained in:
John Molakvoæ 2020-01-02 10:19:55 +01:00 committed by GitHub
parent 3d0eb800e8 99a450c9dd
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 menu */
$header-menu-entry-height: 44px;
@ -88,13 +93,10 @@
z-index: 2000;
position: absolute;
max-width: 350px;
min-height: calc(44px * 1.5); // show at least 1.5 entries
max-height: calc(100vh - #{$header-height} * 2);
@include header-menu-height();
right: 5px; // relative to parent
top: $header-height;
margin: 0;
overflow-y: scroll;
-webkit-overflow-scrolling: touch;
&:not(.popovermenu) {
display: none;
@ -113,9 +115,17 @@
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 */
#apps > ul,
&.settings-menu {
&.settings-menu > ul {
li {
a {
display: inline-flex;