[FIX] web_editor: fix icons losing classes when modifying them

Previously, when double clicking and image, video, icon, or document in
the web-editor and replacing it with a different media type, it would
lose its custom classes. This means among other things, that it would
lose margins and paddings from bootstrap classes, or in the case of the
three columns snippet, that the new media would not be properly rounded
in its top corner, or not show up at all in the case of the video. The
only exception was when changing any media type to an icon, but in that
case it would also keep some of the media-specific classes that are
supposed to be removed (eg img-fluid or media_iframe_video).

This commit fixes that as well as some _clear behaviour that didn't
remove all classes that had to be removed, eg some fa-classes would
linger depending on their order, and the o_image class from documents
would always remain

Part of: odoo/odoo#60450
Linked to: #60432 #60443
task-2282542

closes odoo/odoo#64230

X-original-commit: 99531f5dd8966fc4ad89d1e9c2886ad701527f3a
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>

1 files changed, 2 insertions, 0 deletions

diff --git a/addons/web/static/src/scss/mimetypes.scss b/addons/web/static/src/scss/mimetypes.scss
index f366f7eed97..678116e12ab 100644
--- a/addons/web/static/src/scss/mimetypes.scss
+++ b/addons/web/static/src/scss/mimetypes.scss
@@ -4,6 +4,8 @@
     height: 38px;
     background-image: url('/web/static/src/img/mimetypes/unknown.svg');
     background-size: contain;
+    background-repeat: no-repeat;
+    background-position: center;
 
     &[data-mimetype^='image'] {
         background-image: url('/web/static/src/img/mimetypes/image.svg');