pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] website: improve the Masonry snippet templates

Browse Source 
Since [1], the Masonry snippet is in grid mode only and its templates
have been modified to allow this mode. However, some of them don't look
good and have to be improved.

This is what this commit does:
- some text blocks were too small so their height has been increased
- the Masonry second default image has been replaced by another one
that looks better.

[1]: https://github.com/odoo/odoo/commit/85b352af319edec84407f2046cf795b4e5503460

task-3013055

closes odoo/odoo#102984

X-original-commit: ad8926eafd34c2743e1a5247f6171fd183e6e506
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Soukéina Bojabza
2022-10-10 21:50:43 +02:00
parent fc520504a9
commit 3485779e04
2 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/website/data/website_data.xml
+1 -1
View File
@@ -778,7 +778,7 @@
<field name="public" eval="True"/>
<field name="name">s_masonry_block_default_image_2.jpg</field>
<field name="type">url</field>
<field name="url">/website/static/src/img/snippets_demo/s_cover.jpg</field>
<field name="url">/website/static/src/img/snippets_demo/s_picture.jpg</field>
</record>
<record id="website.s_media_list_default_image_1" model="ir.attachment">
<field name="public" eval="True"/>
addons/website/views/snippets/s_masonry_block.xml
+11 -11
View File
@@ -105,19 +105,19 @@
</template>
<template id="s_masonry_block_mosaic_template" groups="base.group_user">
<div class="row o_grid_mode" data-row-count="12">
<div class="row o_grid_mode" data-row-count="13">
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc3" data-name="Block"
style="grid-area: 1 / 1 / 3 / 4; z-index: 1;">
style="grid-area: 1 / 1 / 4 / 4; z-index: 1;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block"
style="grid-area: 1 / 4 / 3 / 7; z-index: 2;">
style="grid-area: 1 / 4 / 4 / 7; z-index: 2;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="o_grid_item col-lg-6 g-col-lg-6 g-height-10 o_grid_item_image text-center" data-name="Block"
style="grid-area: 3 / 1 / 13 / 7; z-index: 3;" contenteditable="false">
style="grid-area: 4 / 1 / 14 / 7; z-index: 3;" contenteditable="false">
<img src="/web/image/website.s_masonry_block_default_image_1" class="img img-fluid mx-auto" alt=""/>
</div>
@@ -126,12 +126,12 @@
<img src="/web/image/website.s_masonry_block_default_image_2" class="img img-fluid mx-auto" alt=""/>
</div>
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block"
style="grid-area: 11 / 7 / 13 / 10; z-index: 5;">
style="grid-area: 11 / 7 / 14 / 10; z-index: 5;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc4" data-name="Block"
style="grid-area: 11 / 10 / 13 / 13; z-index: 6;">
style="grid-area: 11 / 10 / 14 / 13; z-index: 6;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
@@ -169,24 +169,24 @@
</template>
<template id="s_masonry_block_alternation_text_template" groups="base.group_user">
<div class="row o_grid_mode" data-row-count="2">
<div class="row o_grid_mode" data-row-count="3">
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block"
style="grid-area: 1 / 1 / 3 / 4; z-index: 1;">
style="grid-area: 1 / 1 / 4 / 4; z-index: 1;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc4" data-name="Block"
style="grid-area: 1 / 4 / 3 / 7; z-index: 2;">
style="grid-area: 1 / 4 / 4 / 7; z-index: 2;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc2" data-name="Block"
style="grid-area: 1 / 7 / 3 / 10; z-index: 3;">
style="grid-area: 1 / 7 / 4 / 10; z-index: 3;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>
<div class="o_grid_item col-lg-3 g-col-lg-3 g-height-2 text-center o_cc o_cc3" data-name="Block"
style="grid-area: 1 / 10 / 3 / 13; z-index: 4;">
style="grid-area: 1 / 10 / 4 / 13; z-index: 4;">
<h3>A great title</h3>
<p>And a great subtitle</p>
</div>