Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-09-26 23:11:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(mobile): launcher bar dropdown position on tablet view

Browse Source
This commit is contained in:
Elian Doran 2025-01-04 14:33:10 +02:00
parent c678d63d02
commit f909f84268
No known key found for this signature in database
1 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1174,6 +1174,15 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
background-color: var(--left-pane-background-color); background-color: var(--left-pane-background-color);
} }
body.mobile #launcher-pane .dropdown-menu.show {
position: fixed !important;
bottom: var(--launcher-pane-size) !important;
top: unset !important;
left: 0 !important;
right: 0 !important;
transform: unset !important;
}
/* Mobile, phone mode */ /* Mobile, phone mode */
@media (max-width: 991px) { @media (max-width: 991px) {
#mobile-sidebar-container { #mobile-sidebar-container {
@ -1217,6 +1226,12 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
background-color: var(--launcher-pane-background-color); 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 { #mobile-sidebar-wrapper {
transform: none !important; transform: none !important;
background-color: var(--left-pane-background-color) !important; background-color: var(--left-pane-background-color) !important;
@ -1236,15 +1251,6 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
background-color: var(--launcher-pane-background-color); background-color: var(--launcher-pane-background-color);
} }
body.mobile #launcher-pane .dropdown-menu.show {
position: fixed !important;
bottom: var(--launcher-pane-size) !important;
top: unset !important;
left: 0 !important;
right: 0 !important;
transform: unset !important;
}
#right-pane { #right-pane {
overflow: auto; overflow: auto;
} }