From 6caddc80047ffe499646b6fe8ebb6c82767f4646 Mon Sep 17 00:00:00 2001 From: Elian Doran Date: Thu, 16 Jan 2025 16:09:11 +0200 Subject: [PATCH] fix(mobile): position of editing toolbar on tablet mode --- .../ribbon_widgets/classic_editor_toolbar.ts | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts index c22036fc4..ab866713b 100644 --- a/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts +++ b/src/public/app/widgets/ribbon_widgets/classic_editor_toolbar.ts @@ -31,13 +31,25 @@ const TPL = `\ align-items: flex-end; position: absolute; left: 0; - bottom: calc(var(--tab-bar-height) + var(--launcher-pane-height) + var(--mobile-bottom-offset)); right: 0; overflow-x: auto; z-index: 500; 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 { height: 50vh; }