diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss index 522d61082b2..0b086a10f6c 100644 --- a/addons/web_editor/static/src/scss/wysiwyg.scss +++ b/addons/web_editor/static/src/scss/wysiwyg.scss @@ -416,3 +416,22 @@ img.o_we_selected_image { img.o_we_custom_image.mx-auto { display: block; } + +@include media-breakpoint-down(md) { + #web_editor-top-edit { + position: initial !important; + height: initial !important; + top: initial !important; + left: initial !important; + + #web_editor-toolbars .popover-body { + display: flex; + width: 100%; + overflow-x: auto; + + .btn-group { + position: static; + } + } + } +} diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss index d3f10ebd526..e7ceae4284f 100644 --- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss +++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss @@ -18,6 +18,23 @@ body.editor_enable.editor_has_snippets { } } +// Mobile fix for mass mailing +@include media-breakpoint-down(md) { + body.editor_enable.editor_has_snippets { + padding-left: inherit !important; + + #web_editor-top-edit { + position: initial !important; + height: initial !important; + top: initial !important; + left: initial !important; + + .note-popover .popover { + left: 0 !important; + } + } + } +} // SNIPPET PANEL #oe_snippets { @include o-w-preserve-btn;