[FIX] website: fix height and position of carousel indicators controls

In gallery snippet in carousel mode, fix the fact that the height of
the controls are bigger that the others squares and fix also the wrong
position of the indicators.

task-2162952

closes odoo/odoo#48380

X-original-commit: 9752596abfcae6b0bbf79ac675fe9e304a068a21
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Benjamin Vray
2020-03-25 17:03:36 +00:00
committed by qsm-odoo
parent e0dda5172e
commit 34227348f0
2 changed files with 4 additions and 3 deletions
@@ -136,8 +136,9 @@
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
margin: 2.5px 2.5px 2.5px 2.5px;
padding: 0;
padding: 0 !important;
border: 1px solid #aaa;
text-indent: initial;
background-size: cover;
@@ -20,13 +20,13 @@
</div>
<ul class="carousel-indicators">
<li class="o_indicators_left text-center pt-2" aria-label="Previous" title="Previous">
<li class="o_indicators_left text-center" aria-label="Previous" title="Previous">
<i class="fa fa-chevron-left"/>
</li>
<t t-foreach="srcs" t-as="src">
<li t-attf-data-target="##{id}" t-att-data-slide-to="src_index" t-att-class="src_index == index and 'active'" t-attf-style="background-image: url(#{src})"></li>
</t>
<li class="o_indicators_right text-center pt-2" aria-label="Next" title="Next">
<li class="o_indicators_right text-center" aria-label="Next" title="Next">
<i class="fa fa-chevron-right"/>
</li>
</ul>