Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-18 17:31:53 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(mobile): sidebar not working in tablet view

Browse Source
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
1 changed files with 32 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

62
src/public/stylesheets/style.css
View File

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