Tools/Notes
1
0
Fork 0
mirror of https://github.com/TriliumNext/Notes.git synced 2025-07-27 18:12:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(mobile): dropdowns on tablet view

Browse Source
This commit is contained in:
Elian Doran 2025-02-08 11:46:47 +02:00
parent 6fcd14c23e
commit 1bc70e9fed
No known key found for this signature in database
1 changed files with 10 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1302,18 +1302,18 @@ 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.global-menu > .dropdown-menu.show,
body.mobile #launcher-container .dropdown > .dropdown-menu.show {
position: fixed !important;
bottom: calc(var(--mobile-bottom-offset) + 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) {
body.mobile #launcher-pane .dropdown.global-menu > .dropdown-menu.show,
body.mobile #launcher-container .dropdown > .dropdown-menu.show {
position: fixed !important;
bottom: calc(var(--mobile-bottom-offset) + var(--launcher-pane-size)) !important;
top: unset !important;
left: 0 !important;
right: 0 !important;
transform: unset !important;
}
#mobile-sidebar-container { #mobile-sidebar-container {
position: fixed; position: fixed;
top: 0; top: 0;
@ -1396,12 +1396,6 @@ body.mobile #launcher-container .dropdown > .dropdown-menu.show {
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;