From 7a4a836088e1250f5daf616a0caaa36d8c66b8e2 Mon Sep 17 00:00:00 2001 From: shsa-odoo Date: Mon, 19 Dec 2022 13:23:33 +0000 Subject: [PATCH] [FIX] web_editor: updating mobile view layout Before this commit: On mobile view the toolbar icon gets hidden, which it should not. After this commit: Now the toolbar items are flexed and wrapped. Task-2752096 closes odoo/odoo#111876 X-original-commit: d3e6797ff1bd82618601d233f757b616cb10b87e Signed-off-by: David Monjoie (dmo) --- addons/web_editor/static/src/scss/wysiwyg.scss | 17 +++++++++++++++++ 1 file changed, 17 insertions(+) diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss index abbea20d849..ddbad87772c 100644 --- a/addons/web_editor/static/src/scss/wysiwyg.scss +++ b/addons/web_editor/static/src/scss/wysiwyg.scss @@ -519,6 +519,23 @@ img.o_we_selected_image { top: initial !important; left: initial !important; } + + .oe-toolbar.oe-floating { + box-shadow: 0 10px 10px -5px rgba(0, 0, 0, 0.1); + display: flex; + flex-wrap: wrap; + margin-bottom: 1rem; + overflow-y: visible; + + .dropdown-menu { + max-height: 200px; + overflow: auto; + + &.colorpicker-menu { + bottom: auto; + } + } + } } // User modal in edit mode