Files
design-themes/theme_bookstore/views/snippets/s_cover.xml
T
Chrysanthe (chgo) e9699d2bc3 [FIX] theme_*: fix s_cover text readability
This commit fixes a readability issue on the `s_cover` snippet.

Prior to this commit, the background was set to `o_cc4` which was quite
arbitrary, but could also create readability issues in some case.

As the image has a black filter on top of it, setting the `o_cc` class
to `o_cc5` will ensure a readable text no matter the theme/industry.

task-4190912

Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2024-09-21 16:34:53 +00:00

37 lines
1.4 KiB
XML

<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="oe_img_bg o_full_screen_height o_cc1" remove="parallax s_parallax_is_fixed bg-black-50 o_cc5" separator=" "/>
<attribute name="data-scroll-background-ratio">0</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/03","flip":[]}</attribute>
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 55%;</attribute>
</xpath>
<!-- Filter -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
<div class="o_we_bg_filter bg-white-75"/>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_03"/>
</xpath>
<!-- Disable Parallax -->
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Immerse yourself <br/>in original universes
</xpath>
<!-- Paragraph -->
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
<br/>
</xpath>
<!-- Button -->
<xpath expr="//a[hasclass('btn')]/t" position="replace" mode="inner">
Discover more
</xpath>
</template>
</odoo>