From d5645edf28431cd1d7127d1e36a69ed91e2ce6c9 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_treehouse: 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#999

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

diff --git a/theme_cobalt/views/customizations.xml b/theme_cobalt/views/customizations.xml
index 8f4d19ee6..129525b3d 100644
--- a/theme_cobalt/views/customizations.xml
+++ b/theme_cobalt/views/customizations.xml
@@ -28,7 +28,7 @@
     <!-- Image -->
     <xpath expr="//div[hasclass('col-lg-4')]" position="after">
         <div class="col-lg-8 d-lg-block d-none o_snippet_mobile_invisible">
-            <img src="/web_editor/shape/theme_cobalt/s_banner_2.svg?c1=o-color-1" style="width: 100%;" alt=""/>
+            <img src="/web_editor/shape/theme_cobalt/s_banner_2.svg?c1=o-color-1" class="img img-fluid mx-auto" style="width: 100%;" alt=""/>
         </div>
     </xpath>
     <!-- Content -->
@@ -55,7 +55,7 @@
         <attribute name="class" add="pt24 pb24" remove="pt16 pb16" separator=" "/>
     </xpath>
     <xpath expr="//img" position="replace">
-        <img src="/web_editor/shape/theme_cobalt/s_image_text_2.svg?c1=o-color-1" style="width: 100%;" alt="Marketing"/>
+        <img src="/web_editor/shape/theme_cobalt/s_image_text_2.svg?c1=o-color-1" class="img img-fluid mx-auto" style="width: 100%;" alt="Marketing"/>
     </xpath>
     <!-- Content -->
     <xpath expr="//h2" position="replace">
@@ -80,7 +80,7 @@
         <h2>Unlock the possibilities of what we can offer you</h2>
     </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_treehouse/views/snippets/s_color_blocks_2.xml b/theme_treehouse/views/snippets/s_color_blocks_2.xml
index f201ae02e..3dd64620e 100644
--- a/theme_treehouse/views/snippets/s_color_blocks_2.xml
+++ b/theme_treehouse/views/snippets/s_color_blocks_2.xml
@@ -14,7 +14,7 @@
     <!-- Column #02 -->
     <xpath expr="//div[hasclass('row')]/*[2]" position="replace">
         <div class="col-lg-6 p-0">
-            <img src="/web/image/website.s_text_image_default_image" class="w-100 h-100" style="object-fit: cover;" alt=""/>
+            <img src="/web/image/website.s_text_image_default_image" class="img-fluid w-100 h-100" style="object-fit: cover;" alt=""/>
         </div>
     </xpath>
 </template>