diff --git a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js index 25f402842..3f9152c1b 100644 --- a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js +++ b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.js @@ -31,7 +31,7 @@ const TPL = `\ align-items: flex-end; position: absolute; left: 0; - bottom: 0; + bottom: calc(var(--tab-bar-height) + var(--launcher-pane-height) + var(--mobile-bottom-offset)); right: 0; overflow-x: auto; z-index: 500; diff --git a/src/public/app/widgets/type_widgets/editable_text.js b/src/public/app/widgets/type_widgets/editable_text.js index b22b8cdb2..f38c12db1 100644 --- a/src/public/app/widgets/type_widgets/editable_text.js +++ b/src/public/app/widgets/type_widgets/editable_text.js @@ -230,14 +230,7 @@ export default class EditableTextTypeWidget extends AbstractTextTypeWidget { $classicToolbarWidget[0].appendChild(editor.ui.view.toolbar.element); if (utils.isMobile()) { - this.$editor.on("focus", (e) => { - $classicToolbarWidget.addClass("visible"); - }); - - // Hide the formatting toolbar - this.$editor.on("focusout", (e) => { - this.$editor[0].focus(); - }); + $classicToolbarWidget.addClass("visible"); } } diff --git a/src/public/stylesheets/style.css b/src/public/stylesheets/style.css index f2f928ee8..ac1ac6408 100644 --- a/src/public/stylesheets/style.css +++ b/src/public/stylesheets/style.css @@ -45,6 +45,8 @@ body { --native-titlebar-foreground: var(--main-text-color); --native-titlebar-darwin-x-offset: 10; --native-titlebar-darwin-y-offset: 12; + --launcher-pane-height: 53px; + --tab-bar-height: 40px; } body.mobile .desktop-only {