Benjamin Vray
2ca115f650
Before this commit, background images were not centered by default. It was especially annoying on mobile device. We created a new class to center background image and we added it on all the snippets with a background image except those with a parallax effect because they already have a background-position in inline style. task-2318526 closes odoo/odoo#60430 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
57 lines
2.5 KiB
XML
57 lines
2.5 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<!-- Template -->
|
|
<template id="s_masonry_block" name="Masonry">
|
|
<section class="s_masonry_block" data-vcss="001">
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-lg-6 oe_img_bg o_bg_img_center text-center pb224 pt224" data-name="Block"
|
|
style="background-image: url(/web/image/website.s_masonry_block_default_image_1);">
|
|
<p><br/></p>
|
|
</div>
|
|
<div class="col-lg-6">
|
|
<div class="row h-100">
|
|
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc3" data-name="Block">
|
|
<h3>A great title</h3>
|
|
<p>And a great subtitle</p>
|
|
</div>
|
|
<div class="col-lg-6 pt24 pb8 text-center bg-200" data-name="Block">
|
|
<h3>A great title</h3>
|
|
<p>And a great subtitle</p>
|
|
</div>
|
|
<div class="col-lg-6 pt24 pb8 text-center bg-200" data-name="Block">
|
|
<h3>A great title</h3>
|
|
<p>And a great subtitle</p>
|
|
</div>
|
|
<div class="col-lg-6 pt24 pb8 text-center o_cc o_cc4" data-name="Block">
|
|
<h3>A great title</h3>
|
|
<p>And a great subtitle</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<!-- Assets -->
|
|
<template id="_assets_snippet_s_masonry_block_css_000_variables" inherit_id="website._assets_primary_variables" active="False">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_masonry_block/000_variables.scss"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="assets_snippet_s_masonry_block_css_000" inherit_id="website.assets_frontend" active="False">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_masonry_block/000.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<template id="assets_snippet_s_masonry_block_css_001" inherit_id="website.assets_frontend">
|
|
<xpath expr="//link[last()]" position="after">
|
|
<link rel="stylesheet" type="text/scss" href="/website/static/src/snippets/s_masonry_block/001.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
</odoo>
|