fix(mobile): sidebar not working in tablet view

This commit is contained in:
Elian Doran 2025-01-01 21:24:26 +02:00
parent 44ed840e78
commit c482cef369
No known key found for this signature in database

View File

@ -1173,36 +1173,38 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
background-color: var(--left-pane-background-color); background-color: var(--left-pane-background-color);
} }
#mobile-sidebar-container { @media (max-width: 991px) {
position: fixed; #mobile-sidebar-container {
top: 0; position: fixed;
left: 0; top: 0;
right: 0; left: 0;
bottom: var(--launcher-pane-size); right: 0;
z-index: -1000; bottom: var(--launcher-pane-size);
} z-index: -1000;
}
#mobile-sidebar-container.show {
padding-top: env(safe-area-inset-top); #mobile-sidebar-container.show {
z-index: 1000; padding-top: env(safe-area-inset-top);
background-color: rgba(0, 0, 0, 0.3); z-index: 1000;
transition: background-color 250ms ease-in-out; background-color: rgba(0, 0, 0, 0.3);
} transition: background-color 250ms ease-in-out;
}
#mobile-sidebar-wrapper {
position: absolute; #mobile-sidebar-wrapper {
top: 0; position: absolute;
left: 0; top: 0;
bottom: 0; left: 0;
width: 80vw; bottom: 0;
padding-top: env(safe-area-inset-top); width: 80vw;
transform: translateX(-100%); padding-top: env(safe-area-inset-top);
transition: transform 250ms ease-in-out; transform: translateX(-100%);
background: var(--main-background-color); transition: transform 250ms ease-in-out;
} background: var(--main-background-color);
}
#mobile-sidebar-container.show #mobile-sidebar-wrapper {
transform: translateX(0); #mobile-sidebar-container.show #mobile-sidebar-wrapper {
transform: translateX(0);
}
} }
#launcher-pane { #launcher-pane {