fix(mobile): dropdowns on tablet view

This commit is contained in:
Elian Doran 2025-02-08 11:46:47 +02:00
parent 6fcd14c23e
commit 1bc70e9fed
No known key found for this signature in database

View File

@ -1302,18 +1302,18 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
background-color: var(--left-pane-background-color);
}
body.mobile #launcher-pane .dropdown.global-menu > .dropdown-menu.show,
body.mobile #launcher-container .dropdown > .dropdown-menu.show {
/* Mobile, phone mode */
@media (max-width: 991px) {
body.mobile #launcher-pane .dropdown.global-menu > .dropdown-menu.show,
body.mobile #launcher-container .dropdown > .dropdown-menu.show {
position: fixed !important;
bottom: calc(var(--mobile-bottom-offset) + var(--launcher-pane-size)) !important;
top: unset !important;
left: 0 !important;
right: 0 !important;
transform: unset !important;
}
}
/* Mobile, phone mode */
@media (max-width: 991px) {
#mobile-sidebar-container {
position: fixed;
top: 0;
@ -1396,12 +1396,6 @@ body.mobile #launcher-container .dropdown > .dropdown-menu.show {
background-color: var(--launcher-pane-background-color);
}
body.mobile #launcher-pane .dropdown-menu.show {
bottom: unset !important;
top: calc(env(safe-area-inset-top) + var(--launcher-pane-size)) !important;
left: unset !important;
}
#mobile-sidebar-wrapper {
transform: none !important;
background-color: var(--left-pane-background-color) !important;