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

feat(mobile): display editor toolbar only when focused

Browse Source
This commit is contained in:
Elian Doran 2025-01-02 01:21:30 +02:00
parent 795f715852
commit 3913088451
No known key found for this signature in database
2 changed files with 26 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -23,6 +23,11 @@ const TPL = `\
} }
body.mobile .classic-toolbar-widget { body.mobile .classic-toolbar-widget {
display: none;
}
body.mobile .classic-toolbar-widget.visible {
display: block;
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;

10
src/public/app/widgets/type_widgets/editable_text.js
View File

@ -207,6 +207,16 @@ export default class EditableTextTypeWidget extends AbstractTextTypeWidget {
$classicToolbarWidget.empty(); $classicToolbarWidget.empty();
$classicToolbarWidget[0].appendChild(editor.ui.view.toolbar.element); $classicToolbarWidget[0].appendChild(editor.ui.view.toolbar.element);
if (utils.isMobile()) {
this.$editor.on("focus", (e) => {
$classicToolbarWidget.addClass("visible");
});
this.$editor.on("focusout", (e) => {
$classicToolbarWidget.removeClass("visible");
});
}
} }
editor.model.document.on('change:data', () => this.spacedUpdate.scheduleUpdate()); editor.model.document.on('change:data', () => this.spacedUpdate.scheduleUpdate());