NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

[FIX] theme_*: fix s_cover text readability

Browse Source 
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>
This commit is contained in:
Chrysanthe (chgo)
2024-09-18 15:16:01 +02:00
committed by qsm-odoo
parent 21bc9a1106
commit e9699d2bc3
13 changed files with 24 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_artists/views/snippets/s_cover.xml
+2 -2
View File
@@ -5,11 +5,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt200 pb200" remove="pt232 pb232 s_parallax_bg parallax s_parallax_is_fixed bg-black-50" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/02","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{'shape':'web_editor/Floats/02','colors':{'c1':'o-color-1','c2':'o-color-1'},'flip':[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_02"/>
<div class="o_we_shape o_web_editor_Floats_02 o_we_animated" style="background-image: url('/web_editor/shape/web_editor/Floats/02.svg?c1=o-color-1&amp;c2=o-color-1');"/>
</xpath>
<!-- Remove filter & parallax -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
theme_avantgarde/views/new_page_template.xml
+6 -6
View File
@@ -36,7 +36,7 @@
<template id="new_page_template_about_s_cover" inherit_id="website.new_page_template_about_s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height o_cc5" remove="o_full_screen_height o_cc4" separator=" "/>
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
</xpath>
</template>
@@ -44,19 +44,19 @@
<template id="new_page_template_landing_0_s_cover" inherit_id="website.new_page_template_landing_0_s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
</template>
<template id="new_page_template_landing_2_s_cover" inherit_id="website.new_page_template_landing_2_s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height o_cc5" remove="o_full_screen_height o_cc4" separator=" "/>
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
</xpath>
</template>
<template id="new_page_template_landing_4_s_cover" inherit_id="website.new_page_template_landing_4_s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5" remove="o_cc4" separator=" "/>
<attribute name="class" add="o_cc3" remove="o_cc5" separator=" "/>
</xpath>
</template>
@@ -64,7 +64,7 @@
<template id="new_page_template_gallery_s_cover" inherit_id="website.new_page_template_gallery_s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height o_cc5" remove="o_full_screen_height o_cc4" separator=" "/>
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
</xpath>
</template>
@@ -80,7 +80,7 @@
<template id="new_page_template_pricing_s_cover" inherit_id="website.new_page_template_pricing_s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height o_cc5" remove="o_full_screen_height o_cc4" separator=" "/>
<attribute name="class" add="o_half_screen_height" remove="o_full_screen_height" separator=" "/>
</xpath>
</template>
theme_beauty/views/snippets/s_cover.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height bg-black-15 o_cc5" remove="bg-black-50 o_cc4" separator=" "/>
<attribute name="class" add="o_full_screen_height bg-black-15" remove="bg-black-50" separator=" "/>
</xpath>
<!-- Change position of background image -->
<xpath expr="//span[hasclass('s_parallax_bg')]" position="attributes">
theme_bewise/views/customizations.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<!-- ======== COVER ======== -->
<template id="s_cover" inherit_id="website.s_cover" name="Be Wise s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt200 pb200 o_cc5 oe_img_bg o_bg_img_center" remove="bg-black-50 s_parallax_is_fixed parallax pt232 pb232 o_cc4" separator=" "/>
<attribute name="class" add="pt200 pb200 oe_img_bg o_bg_img_center" remove="bg-black-50 s_parallax_is_fixed parallax pt232 pb232" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image'); background-position: 50% 50%;</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Rainy/08_001","flip":[]}</attribute>
<attribute name="data-scroll-background-ratio">0</attribute>
theme_bookstore/views/snippets/s_cover.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<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_cc4" separator=" "/>
<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>
theme_buzzy/views/snippets/s_cover.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 pt112 pb112" remove="pt232 pb232 bg-black-50 o_cc4" separator=" "/>
<attribute name="class" add="pt112 pb112" remove="pt232 pb232 bg-black-50" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/03_001","flip":[]}</attribute>
</xpath>
<!-- Filter -->
theme_cobalt/views/customizations.xml
+6
View File
@@ -567,5 +567,11 @@
</xpath>
</template>
<!-- ==== Cover ===== -->
<template id="s_cover" inherit_id="website.s_cover" name="Cobalt s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc5" separator=" "/>
</xpath>
</template>
</odoo>
theme_graphene/views/customizations.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<!-- ======== COVER ======== -->
<template id="s_cover" inherit_id="website.s_cover" name="Graphene s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt160 pb240 s_parallax_no_overflow_hidden o_cc3" remove="pt232 pb232 s_parallax_is_fixed s_parallax o_cc4" separator=" "/>
<attribute name="class" add="pt160 pb240 s_parallax_no_overflow_hidden o_cc3" remove="pt232 pb232 s_parallax_is_fixed s_parallax o_cc5" separator=" "/>
</xpath>
<xpath expr="//h1" position="replace"/>
<xpath expr="//p" position="replace"/>
theme_kiddo/views/snippets/s_cover.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height o_cc1" remove="bg-black-50 o_cc4" separator=" "/>
<attribute name="class" add="o_full_screen_height o_cc1" remove="bg-black-50 o_cc5" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/14"}</attribute>
</xpath>
theme_loftspace/views/snippets/s_cover.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height o_cc3" remove="o_cc4" separator=" "/>
<attribute name="class" add="o_full_screen_height" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
theme_monglia/views/customizations.xml
+1 -1
View File
@@ -33,7 +33,7 @@
<template id="s_cover" inherit_id="website.s_cover" name="Monglia s_cover">
<!-- Customize elements -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height o_cc5" remove="o_cc4" separator=" "/>
<attribute name="class" add="o_full_screen_height" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
<div class="o_we_bg_filter bg-black-25"/>
theme_nano/views/snippets/s_cover.xml
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 pt200 pb200" remove="parallax s_parallax_is_fixed bg-black-50 pt232 pb232 o_cc4" separator=" "/>
<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>
theme_paptic/views/customizations.xml
+1 -1
View File
@@ -15,7 +15,7 @@
<!-- ==== Cover ===== -->
<template id="s_cover" inherit_id="website.s_cover" name="Paptic s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb0 pt192 o_cc5" remove="pt232 pb232 bg-black-50 s_parallax_is_fixed s_parallax o_cc4" separator=" "/>
<attribute name="class" add="pb0 pt192" remove="pt232 pb232 bg-black-50 s_parallax_is_fixed s_parallax" separator=" "/>
<attribute name="data-scroll-background-ratio">0</attribute>
</xpath>