iger
/
engelsystem
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix mobile dropdown menu overflow

This commit is contained in:
Michael Weimann 2022-07-22 15:42:27 +02:00 committed by Igor Scheller
parent a5878f5b5e
commit af458d75c6
1 changed files with 8 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
resources/assets/themes/base.scss
View File

@ -167,12 +167,18 @@ table a > .icon-icon_angel {
} }
} }
// prevent dropdown-menu from overflowing the view
.dropdown-menu { .dropdown-menu {
// prevent dropdown-menu from overflowing the view max-height: calc(100vh - 300px); // 300px: menu offset
max-height: calc(100vh - $navbar-height - 16px); // 16px extra padding
overflow: auto; overflow: auto;
} }
@media (min-width: map-get($grid-breakpoints, 'lg')) {
.dropdown-menu {
max-height: calc(100vh - $navbar-height - 16px); // 16px extra padding
}
}
.selection .checkbox { .selection .checkbox {
display: block; display: block;
} }