Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-30 18:05:55 +01:00
Code Issues Packages Projects Releases 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
1 changed files with 32 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1173,23 +1173,24 @@ 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) {
#mobile-sidebar-container {
position: fixed; position: fixed;
top: 0; top: 0;
left: 0; left: 0;
right: 0; right: 0;
bottom: var(--launcher-pane-size); bottom: var(--launcher-pane-size);
z-index: -1000; z-index: -1000;
} }
#mobile-sidebar-container.show { #mobile-sidebar-container.show {
padding-top: env(safe-area-inset-top); padding-top: env(safe-area-inset-top);
z-index: 1000; z-index: 1000;
background-color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.3);
transition: background-color 250ms ease-in-out; transition: background-color 250ms ease-in-out;
} }
#mobile-sidebar-wrapper { #mobile-sidebar-wrapper {
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
@@ -1199,10 +1200,11 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
transform: translateX(-100%); transform: translateX(-100%);
transition: transform 250ms ease-in-out; transition: transform 250ms ease-in-out;
background: var(--main-background-color); background: var(--main-background-color);
} }
#mobile-sidebar-container.show #mobile-sidebar-wrapper { #mobile-sidebar-container.show #mobile-sidebar-wrapper {
transform: translateX(0); transform: translateX(0);
}
} }
#launcher-pane { #launcher-pane {