mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-09-19 02:10:04 +08:00
fix(mobile): sidebar not working in tablet view
This commit is contained in:
parent
44ed840e78
commit
c482cef369
@ -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 {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user