mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Chrysanthe (chgo)
e9699d2bc3
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>
32 lines
1.5 KiB
XML
32 lines
1.5 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="pt200 pb200" remove="parallax s_parallax_is_fixed bg-black-50 pt232 pb232" separator=" "/>
|
|
<attribute name="data-scroll-background-ratio">0</attribute>
|
|
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 0;</attribute>
|
|
</xpath>
|
|
<xpath expr="//*[hasclass('s_parallax_bg')]" position="replace"/>
|
|
<!-- Title & Text -->
|
|
<xpath expr="//h1" position="replace" mode="inner">
|
|
Creative Studio
|
|
</xpath>
|
|
<xpath expr="//p" position="replace" mode="inner">
|
|
We combine smart design with rich technology <br/>to craft innovative products.
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="configurator_s_cover" inherit_id="website.configurator_s_cover">
|
|
<!-- Shape option -->
|
|
<xpath expr="//section" position="attributes">
|
|
<attribute name="data-oe-shape-data">{"shape":"web_editor/Bold/12_001","flip":["x"]}</attribute>
|
|
</xpath>
|
|
<xpath expr="//*[hasclass('container')]" position="before">
|
|
<div class="o_we_shape o_web_editor_Bold_12_001" style="background-image: url('/web_editor/shape/web_editor/Bold/12_001.svg?c1=rgba%280%2C%200%2C%200%2C%200.5%29&c2=rgba%280%2C%200%2C%200%2C%200.25%29&c5=o-color-5&flip=x'); background-position: 50% 50%;"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
</odoo>
|