Dockery/Trilium
1
0
Fork 0
mirror of https://github.com/zadam/trilium.git synced 2025-10-31 10:26:08 +01:00
Code Issues Packages Projects Releases Activity

fix(mobile): fix offset of the formatting bar

Browse Source
This commit is contained in:
Elian Doran
2025-01-05 00:57:52 +02:00
parent 90ec7919ba
commit 0c544666d8
2 changed files with 3 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/public/app/layouts/mobile_layout.ts
View File

@@ -180,7 +180,6 @@ export default class MobileLayout {
.child(new NoteListWidget()) .child(new NoteListWidget())
.child(new FilePropertiesWidget().css('font-size','smaller')) .child(new FilePropertiesWidget().css('font-size','smaller'))
) )
.child(new ClassicEditorToolbar())
) )
.child(new ProtectedSessionPasswordDialog()) .child(new ProtectedSessionPasswordDialog())
.child(new ConfirmDialog()) .child(new ConfirmDialog())
@@ -195,6 +194,7 @@ export default class MobileLayout {
.child(new LauncherContainer(true)) .child(new LauncherContainer(true))
.child(new GlobalMenuWidget(true)) .child(new GlobalMenuWidget(true))
.id("launcher-pane"))) .id("launcher-pane")))
.child(new ClassicEditorToolbar())
.child(new AboutDialog()) .child(new AboutDialog())
.child(new HelpDialog()) .child(new HelpDialog())
.child(new JumpToNoteDialog()) .child(new JumpToNoteDialog())

9
src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js
View File

@@ -34,6 +34,7 @@ const TPL = `\
right: 0; right: 0;
overflow-x: auto; overflow-x: auto;
background: var(--main-background-color); background: var(--main-background-color);
z-index: 500;
} }
body.mobile .classic-toolbar-widget .ck.ck-toolbar { body.mobile .classic-toolbar-widget .ck.ck-toolbar {
@@ -70,13 +71,7 @@ export default class ClassicEditorToolbar extends NoteContextAwareWidget {
window.visualViewport.addEventListener("resize", () => { window.visualViewport.addEventListener("resize", () => {
const keyboardSize = originalHeight - window.visualViewport.height; const keyboardSize = originalHeight - window.visualViewport.height;
const bottom = Math.max(keyboardSize, originalBottom); const bottom = Math.max(keyboardSize, originalBottom);
this.$widget.css("bottom", `${bottom}px`);
if (keyboardSize !== 0) {
this.$widget.css("bottom", `${bottom}px`);``
} else {
const style = window.getComputedStyle(this.$widget[0]);
this.$widget.css("bottom", style.getPropertyValue("--launcher-pane-size"));
}
}); });
} }
} }