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_*: adapt some themes to the grid-only Masonry snippet

Browse Source 
The Masonry snippet has been modified to be only in grid mode
and its templates have therefore been changed.

This commit adapts the themes that modify the Masonry templates to be
in accordance with these changes.

See community counterpart for details.

task-2973198

closes odoo/design-themes#601

X-original-commit: ef84cdf84d
Related: odoo/odoo#102525
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Soukéina Bojabza
2022-09-23 16:35:07 +00:00
committed by qsm-odoo
parent 0049109fda
commit 628880b71b
6 changed files with 87 additions and 83 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_yes/views/snippets/s_masonry_block.xml
+33 -28
View File
@@ -2,71 +2,76 @@
<odoo>
<template id="s_masonry_block_default_template" inherit_id="website.s_masonry_block_default_template">
<!-- Col #1 - Image Block -->
<xpath expr="//div[hasclass('oe_img_bg')]" position="attributes">
<attribute name="class" add="col-lg-4 border rounded" remove="col-lg-6" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/>
<!-- 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>
<!-- Col #2 - Little Blocks -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-8" remove="col-lg-6" separator=" "/>
</xpath>
<!-- Little block #01 - Main div -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/>
<!-- 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">
Caterers
</xpath>
<!-- Little block #01 - Text -->
<xpath expr="//*[hasclass('col-lg-6')]//p" position="replace">
<xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Check out our list of favorite venues.</p>
<p><a href="#" class="btn btn-secondary rounded-circle">Find a venue</a></p>
</xpath>
<!-- Little block #02 - Main div -->
<xpath expr="(//*[hasclass('col-lg-6')])[2]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/>
<!-- 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 -->
<xpath expr="(//h3)[2]" position="replace" mode="inner">
Venues
</xpath>
<!-- Little block #02 - Text -->
<xpath expr="(//*[hasclass('col-lg-6')])[2]//p" position="replace">
<xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Checkout our list of favorite venues.</p>
<p><a href="#" class="btn btn-secondary">Find a venue</a></p>
</xpath>
<!-- Little block #03 - Main div -->
<xpath expr="(//*[hasclass('col-lg-6')])[3]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/>
<!-- 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 -->
<xpath expr="(//h3)[3]" position="replace" mode="inner">
Attire
</xpath>
<!-- Little block #03 - Text -->
<xpath expr="(//*[hasclass('col-lg-6')])[3]//p" position="replace">
<xpath expr="//*[hasclass('col-lg-3')]//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 #04 - Main div -->
<xpath expr="(//div[hasclass('col-lg-6')])[4]" position="attributes">
<attribute name="class" add="border rounded" separator=" "/>
<attribute name="style" add="border-color: rgb(255, 255, 255) !important; border-width: 10px !important; border-radius: 14px !important;" separator="; "/>
<!-- 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-6')])[4]//p" position="replace">
<xpath expr="//*[hasclass('col-lg-3')]//p" position="replace">
<p>Find the answers to all your questions <br/>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>