Benjamin Vray
075e915431
Add a margin bottom on snippet buttons. So when there are 2 buttons (or more) on the same line, we have a space between them on small devices when displayed vertically. task-2327741 closes odoo/odoo#61484 X-original-commit: 9db7b9bdbd86405fdfe2c0efccebea780b7ffb63 Related: odoo/design-themes#422 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
77 lines
3.5 KiB
XML
77 lines
3.5 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
|
<odoo>
|
|
|
|
<!-- Template -->
|
|
<template name="Showcase" id="s_showcase">
|
|
<section class="s_showcase pt48 pb48" data-vcss="002">
|
|
<div class="container">
|
|
<div class="row no-gutters s_col_no_resize s_col_no_bgcolor s_nb_column_fixed">
|
|
<div class="col-lg text-lg-right">
|
|
<div class="row">
|
|
<div class="col-lg-12 pt24 pb24" data-name="Block">
|
|
<div class="s_showcase_title d-flex flex-lg-row-reverse mb-2">
|
|
<i class="s_showcase_icon fa fa-2x fa-desktop text-secondary mr-3 mr-lg-0 ml-lg-3"/>
|
|
<h3>First feature</h3>
|
|
</div>
|
|
<p>A short description of this great feature.</p>
|
|
</div>
|
|
<div class="col-lg-12 pt24 pb24" data-name="Block">
|
|
<div class="s_showcase_title d-flex flex-lg-row-reverse mb-2">
|
|
<i class="s_showcase_icon fa fa-2x fa-paint-brush text-secondary mr-3 mr-lg-0 ml-lg-3"/>
|
|
<h3>Second feature</h3>
|
|
</div>
|
|
<p>A short description of this great feature.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-1">
|
|
<div class="w-50 h-100 border-right"/>
|
|
</div>
|
|
<div class="col-lg">
|
|
<div class="row">
|
|
<div class="col-lg-12 pt24 pb24" data-name="Block">
|
|
<div class="s_showcase_title d-flex mb-2">
|
|
<i class="s_showcase_icon fa fa-2x fa-heart text-secondary mr-3"/>
|
|
<h3>Another feature</h3>
|
|
</div>
|
|
<p>A short description of this great feature.</p>
|
|
</div>
|
|
<div class="col-lg-12 pt24 pb24" data-name="Block">
|
|
<div class="s_showcase_title d-flex mb-2">
|
|
<i class="s_showcase_icon fa fa-2x fa-gift text-secondary mr-3"/>
|
|
<h3>Last Feature</h3>
|
|
</div>
|
|
<p>A short description of this great feature.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="container text-lg-center">
|
|
<p><br/></p>
|
|
<a href="#" class="btn btn-primary mb-2">Discover all the features</a>
|
|
</div>
|
|
</section>
|
|
</template>
|
|
|
|
<!-- Options -->
|
|
<template id="s_showcase_options" inherit_id="website.snippet_options">
|
|
<xpath expr="//div[@data-js='Box']" position="before">
|
|
<div data-js="Showcase" data-selector=".s_showcase .row > div:has(> .s_showcase_title)"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
<!-- Assets -->
|
|
<template id="assets_snippet_s_showcase_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_showcase/000.scss"/>
|
|
</xpath>
|
|
</template>
|
|
<template id="assets_snippet_s_showcase_css_001" 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_showcase/001.scss"/>
|
|
</xpath>
|
|
</template>
|
|
|
|
</odoo>
|