mirror of
https://github.com/TriliumNext/Notes.git
synced 2025-09-26 15:01:32 +08:00
fix(mobile): launcher bar dropdown position on tablet view
This commit is contained in:
parent
c678d63d02
commit
f909f84268
@ -1174,6 +1174,15 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
|
||||
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 */
|
||||
@media (max-width: 991px) {
|
||||
#mobile-sidebar-container {
|
||||
@ -1217,6 +1226,12 @@ body:not(.mobile) #launcher-pane.horizontal .dropdown-submenu > .dropdown-menu {
|
||||
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 {
|
||||
transform: none !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);
|
||||
}
|
||||
|
||||
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 {
|
||||
overflow: auto;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user