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

View File

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