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

fix(mobile): position of editing toolbar on tablet mode

Browse Source
This commit is contained in:
Elian Doran 2025-01-16 16:09:11 +02:00
parent 0cab891d2e
commit 6caddc8004
No known key found for this signature in database
1 changed files with 13 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts
View File

@ -31,13 +31,25 @@ const TPL = `\
align-items: flex-end; align-items: flex-end;
position: absolute; position: absolute;
left: 0; left: 0;
bottom: calc(var(--tab-bar-height) + var(--launcher-pane-height) + var(--mobile-bottom-offset));
right: 0; right: 0;
overflow-x: auto; overflow-x: auto;
z-index: 500; z-index: 500;
user-select: none; user-select: none;
} }
@media (max-width: 991px) {
body.mobile .classic-toolbar-widget.visible {
bottom: calc(var(--tab-bar-height) + var(--launcher-pane-height) + var(--mobile-bottom-offset));
}
}
@media (min-width: 991px) {
body.mobile .classic-toolbar-widget.visible {
bottom: 0;
left: 25%;
}
}
body.mobile .classic-toolbar-widget.dropdown-active { body.mobile .classic-toolbar-widget.dropdown-active {
height: 50vh; height: 50vh;
} }