fix(mobile): fix offset of the formatting bar

This commit is contained in:
Elian Doran 2025-01-05 00:57:52 +02:00
parent 90ec7919ba
commit 0c544666d8
No known key found for this signature in database
2 changed files with 3 additions and 8 deletions

View File

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

View File

@ -34,6 +34,7 @@ const TPL = `\
right: 0;
overflow-x: auto;
background: var(--main-background-color);
z-index: 500;
}
body.mobile .classic-toolbar-widget .ck.ck-toolbar {
@ -70,13 +71,7 @@ export default class ClassicEditorToolbar extends NoteContextAwareWidget {
window.visualViewport.addEventListener("resize", () => {
const keyboardSize = originalHeight - window.visualViewport.height;
const bottom = Math.max(keyboardSize, originalBottom);
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"));
}
this.$widget.css("bottom", `${bottom}px`);
});
}
}