From 4c6c40b756d496b369fa396ccff6e2a98b286144 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Souk=C3=A9ina=20Bojabza?= <sobo@odoo.com>
Date: Wed, 9 Oct 2024 16:54:16 +0000
Subject: [PATCH] [FIX] theme_cobalt, theme_paptic: add some missing image
 classes

In some theme customizations, some replaced images do not have the usual
image classes `img img-fluid mx-auto` anymore. The `img-fluid` one is
needed for grid images in mobile view, as they are overflowing without
it.

This commit adds these missing classes on the identified problematic
images.

closes odoo/design-themes#998

X-original-commit: c5adf9a903f32206a01ea2e6e2988734dcad78d8
Related: odoo/odoo#185404
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 theme_cobalt/views/customizations.xml | 6 +++---
 theme_paptic/views/customizations.xml | 2 +-
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/theme_cobalt/views/customizations.xml b/theme_cobalt/views/customizations.xml
index e9fafe273..479040bff 100644
--- a/theme_cobalt/views/customizations.xml
+++ b/theme_cobalt/views/customizations.xml
@@ -25,7 +25,7 @@
     <!-- Image -->
     <xpath expr="//div[hasclass('col-lg-6')]" position="after">
         <div class="pt16 pb16 o_colored_level col-lg-5 offset-lg-1">
-            <img src="/web_editor/shape/theme_cobalt/s_banner.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
+            <img src="/web_editor/shape/theme_cobalt/s_banner.svg?c1=o-color-1" class="img img-fluid mx-auto" style="width: 100%;" alt="Marketing"/>
         </div>
     </xpath>
     <!-- Content -->
@@ -67,7 +67,7 @@
     </xpath>
     <!-- Image -->
     <xpath expr="//img" position="replace">
-        <img src="/web_editor/shape/theme_cobalt/s_image_text.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
+        <img src="/web_editor/shape/theme_cobalt/s_image_text.svg?c1=o-color-1" class="img img-fluid mx-auto" style="width: 100%;" alt="Marketing"/>
     </xpath>
     <!-- Content -->
     <xpath expr="//h2" position="replace" mode="inner">
@@ -91,7 +91,7 @@
         What we can do, <b>for you</b><br/>
     </xpath>
     <xpath expr="//img" position="replace">
-            <img src="/web_editor/shape/theme_cobalt/s_text_image.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
+            <img src="/web_editor/shape/theme_cobalt/s_text_image.svg?c1=o-color-1" class="img img-fluid mx-auto" style="width: 100%;" alt="Marketing"/>
     </xpath>
     <xpath expr="//p" position="replace"/>
     <xpath expr="//p" position="replace">
diff --git a/theme_paptic/views/customizations.xml b/theme_paptic/views/customizations.xml
index bb4d6e3e4..80cca9173 100644
--- a/theme_paptic/views/customizations.xml
+++ b/theme_paptic/views/customizations.xml
@@ -49,7 +49,7 @@
         <div class="row">
             <div class="o_colored_level col-lg-6"/>
             <div class="o_colored_level col-lg-6">
-                <img src="/web_editor/shape/theme_paptic/s_cover_person.svg?c1=o-color-1" style="width: 100%;" alt="Man waiting at the airport"/>
+                <img src="/web_editor/shape/theme_paptic/s_cover_person.svg?c1=o-color-1" class="img img-fluid mx-auto" style="width: 100%;" alt="Man waiting at the airport"/>
             </div>
         </div>
     </xpath>