diff options
| author | len-odoo <len@odoo.com> | 2018-09-25 13:52:46 +0000 |
|---|---|---|
| committer | len-odoo <len@odoo.com> | 2018-09-26 14:14:14 +0000 |
| commit | fd122aec52166a2d19fe80579dbf9c98c6ab41fa (patch) | |
| tree | 082da93c943ca99ea13acb7d61a147513b105a4b /addons/website/static/src/xml/website.gallery.xml | |
| parent | 09340bb7f0da35cc69e24f16e5262ec4825bc0c6 (diff) | |
[FIX] website: fix image carousel
We fix a number of problems:
- grayscale filter not being applied except on desktop Firefox
- incorrect vertical-align on iOS
- image sliders being displayed below the margin on iOS
- carousel indicators flickering at initial load
- very short indicator panel, almost unusable on mobile
- misaligned indicators because of first margin
There are two modes on which these fixes apply:
- image gallery in slideshow
- slideshow in modal
(e.g. obtained by clicking on the gallery set on masonry mode)
Note that due to a refactoring, the gallerySlider was not loaded in the modal,
completely breaking the indicators.
Coauthored by @nle-odoo
opw 1874274
closes odoo/odoo#27226
Diffstat (limited to 'addons/website/static/src/xml/website.gallery.xml')
| -rw-r--r-- | addons/website/static/src/xml/website.gallery.xml | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/addons/website/static/src/xml/website.gallery.xml b/addons/website/static/src/xml/website.gallery.xml index 76bf650e76d..919da3c53d4 100644 --- a/addons/website/static/src/xml/website.gallery.xml +++ b/addons/website/static/src/xml/website.gallery.xml @@ -20,11 +20,11 @@ </div> <ul class="carousel-indicators"> - <li class="fa fa-chevron-left o_indicators_left" style="overflow: hidden; padding: 12px; border: 0;"></li> + <li class="fa fa-chevron-left o_indicators_left" style="overflow: hidden; padding: 12px; border: 0; visibility: hidden;"></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> + <li t-attf-data-target="##{id}" t-att-data-slide-to="src_index" t-att-class="'hidden ' + (src_index == index and 'active')" t-attf-style="background-image: url(#{src})"></li> </t> - <li class="fa fa-chevron-right o_indicators_right" style="overflow: hidden; padding: 12px; border: 0;"></li> + <li class="fa fa-chevron-right o_indicators_right" style="overflow: hidden; padding: 12px; border: 0; visibility: hidden;"></li> </ul> <a class="carousel-control left" t-attf-href="##{id}" data-slide="prev"><span class="fa fa-chevron-left" /></a> |