From 4127dffa44aa890f93a49e48da36a55480941a44 Mon Sep 17 00:00:00 2001 From: =?utf8?q?Je=CC=81re=CC=81my=20Fabre?= Date: Mon, 24 Oct 2016 11:12:31 +0200 Subject: [PATCH] Fix caption height on page sliders --- app/static/src/js/modules/lightsliderpage-init.js | 14 ++++++++++++++ .../src/sass/modules/sliders/_slider-page.scss | 2 +- 2 files changed, 15 insertions(+), 1 deletion(-) 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 -- 2.39.5