[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: c5adf9a903
Related: odoo/odoo#185408
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Soukéina Bojabza
2024-10-09 16:54:16 +00:00
committed by qsm-odoo
parent 7309c8569d
commit d5645edf28
2 changed files with 4 additions and 4 deletions
+3 -3
View File
@@ -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">
@@ -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>