From d3e6797ff1bd82618601d233f757b616cb10b87e Mon Sep 17 00:00:00 2001
From: shsa-odoo <shsa@odoo.com>
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#108454
Signed-off-by: David Monjoie (dmo) <dmo@odoo.com>
---
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 2f97ea79322b..6c71664458d6 100644
--- a/addons/web_editor/static/src/scss/wysiwyg.scss
+++ b/addons/web_editor/static/src/scss/wysiwyg.scss
@@ -669,6 +669,23 @@ img::selection {
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
--
GitLab