From: Jérémy Fabre Date: Mon, 24 Oct 2016 09:12:31 +0000 (+0200) Subject: Fix caption height on page sliders X-Git-Url: https://git.parisson.com/?a=commitdiff_plain;h=4127dffa44aa890f93a49e48da36a55480941a44;p=mezzo.git Fix caption height on page sliders --- diff --git a/app/static/src/js/modules/lightsliderpage-init.js b/app/static/src/js/modules/lightsliderpage-init.js index 9ed84de5..0221d471 100644 --- a/app/static/src/js/modules/lightsliderpage-init.js +++ b/app/static/src/js/modules/lightsliderpage-init.js @@ -39,6 +39,20 @@ LightSliderPageInit.prototype.init = function() { $(el).find('video').each(function(i) { this.pause(); }); + }, + onSliderLoad: function (el) { + + var maxHeight = 0, + container = $(el), + children = container.children(); + + children.each(function () { + var childHeight = $(this).height(); + if (childHeight > maxHeight) { + maxHeight = childHeight; + } + }); + container.height(maxHeight); } } }; diff --git a/app/static/src/sass/modules/sliders/_slider-page.scss b/app/static/src/sass/modules/sliders/_slider-page.scss index 1f58dbe4..451fcb80 100644 --- a/app/static/src/sass/modules/sliders/_slider-page.scss +++ b/app/static/src/sass/modules/sliders/_slider-page.scss @@ -5,7 +5,7 @@ $module: ".slider-page"; list-style-type: none; margin: 0; padding: 0; - + // // Not lightslider, lets go with Flexbox W00t W00t