[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

@@ -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