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

[IMP] theme_bookstore, *: adapt to new s_masonry_block design

Browse Source 
*: theme_notes, theme_real_estate, theme_yes, theme_zap, theme_vehicle

Along with xPath adaptations, this commit also replaces a pixelated
image in the 'theme_yes'.

task-3665303
part of task-3619705

closes odoo/design-themes#839

Related: odoo/odoo#173870
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2024-07-22 08:54:32 +02:00
parent c75a090759
commit 57cf8bb724
7 changed files with 67 additions and 107 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_yes/static/src/img/snippets/s_masonry_block.jpg
BIN
View File
Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 58 KiB

After

Width:  |  Height:  |  Size: 57 KiB

theme_yes/views/snippets/s_masonry_block.xml
+9 -39
View File
@@ -2,16 +2,6 @@
<odoo>
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Image Block -->
<xpath expr="//div[hasclass('o_grid_item_image')]" position="attributes">
<attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-6 g-col-lg-6" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 1 / 1 / 11 / 5;" separator="; "/>
</xpath>
<!-- Image Block - Image -->
<xpath expr="//img" position="attributes">
<attribute name="style" add="border-radius: 4px !important;" separator="; "/>
</xpath>
<!-- Little Blocks -->
<!-- Little block #01 - Title -->
<xpath expr="//h3" position="replace" mode="inner">
@@ -22,56 +12,36 @@
<p>Check out our list of favorite caterers.</p>
<p><a href="#" class="btn btn-secondary rounded-circle">Find a Caterer</a></p>
</xpath>
<!-- Little block #01 - Main div -->
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 1 / 5 / 6 / 9;" separator="; "/>
</xpath>
<!-- Little block #02 - Title -->
<!-- Bigger block #02 - Title -->
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Venues
</xpath>
<!-- Little block #02 - Text -->
<xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Check out our list of favorite venues.</p>
<!-- Bigger block #02 - Text -->
<xpath expr="//*[hasclass('col-lg-4')]//p" position="replace">
<p>Check out our carefully curated list of favorite venues.</p>
<p><a href="#" class="btn btn-secondary">Find a venue</a></p>
</xpath>
<!-- Little block #02 - Main div -->
<xpath expr="//*[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 1 / 9 / 6 / 13;" separator="; "/>
</xpath>
<!-- Little block #03 - Title -->
<!-- Bigger block #03 - Title -->
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Attire
</xpath>
<!-- Little block #03 - Text -->
<xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<!-- Bigger block #03 - Text -->
<xpath expr="//*[hasclass('col-lg-4')][2]//p" position="replace">
<p>Find the perfect outfit for before, during and after the main event.</p>
<p><a href="#" class="btn btn-primary">Shop</a></p>
</xpath>
<!-- Little block #03 - Main div -->
<xpath expr="//*[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 6 / 5 / 11 / 9;" separator="; "/>
</xpath>
<!-- Little block #04 - Title -->
<xpath expr="(//h3)[4]" position="replace" mode="inner">
FAQ
</xpath>
<!-- Little block #04 - Text -->
<xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Find the answers to all your questions <br/>in our FAQ.</p>
<xpath expr="//*[hasclass('col-lg-3')][2]//p" position="replace">
<p>Find the answers to all your questions in our FAQ.</p>
<p><a href="#" class="btn btn-primary">Go to FAQ</a></p>
</xpath>
<!-- Little block #04 - Main div -->
<xpath expr="//div[hasclass('col-lg-3')]" position="attributes">
<attribute name="class" add="col-lg-4 g-col-lg-4 border rounded" remove="col-lg-3 g-col-lg-3" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important; grid-area: 6 / 9 / 11 / 13;" separator="; "/>
</xpath>
</template>
</odoo>