From: vincent@cubedesigners.com Date: Fri, 10 Apr 2020 09:13:02 +0000 (+0000) Subject: wait #3376 @0.75 X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=394f21ceaf90a2c71233cc9c42d73718550489b3;p=cubedesigners-v7.git wait #3376 @0.75 --- diff --git a/js/casestudies.js b/js/casestudies.js index 21d4a69..2a5f7a4 100644 --- a/js/casestudies.js +++ b/js/casestudies.js @@ -1,14 +1,14 @@ TO_LOAD_ONCE[TO_LOAD_ONCE.length] = 'load_casestudies();'; function load_casestudies() { - $('#casestudies-list-filter').selectric({ - maxHeight: 450, - arrowButtonMarkup: '', // Disable dropdown element since we are using an SVG in the background - disableOnMobile: true, - onChange: function(element) { - $(element).change(); // Trigger change on select box so isotope will update (see isotope-select.js) - }, - }); + $('#casestudies-list-filter').selectric({ + maxHeight: 450, + arrowButtonMarkup: '', // Disable dropdown element since we are using an SVG in the background + disableOnMobile: true, + onChange: function (element) { + $(element).change(); // Trigger change on select box so isotope will update (see isotope-select.js) + }, + }); } diff --git a/js/common.js b/js/common.js index de8f872..b8594c2 100644 --- a/js/common.js +++ b/js/common.js @@ -4,7 +4,7 @@ registerLoader(load_commons_once, true); function load_commons_once() { // Modify WOW.js to allow resetting animated status (see taglist.js) - WOW.prototype.addBox = function(element){ + WOW.prototype.addBox = function (element) { this.boxes.push(element); }; window.wow = new WOW(); @@ -77,7 +77,11 @@ function load_commons() { } function resize() { - + $('.detail-visuel iframe.oam').each(function () { + var ratio = parseInt($(this).attr('width')) / parseInt($(this).attr('height')); + var height = $(this).outerWidth() / ratio; + $(this).css('height', height); + }); } function orientationchange() { diff --git a/less/casestudies_detail.less b/less/casestudies_detail.less index 8d03bc1..a9798ea 100644 --- a/less/casestudies_detail.less +++ b/less/casestudies_detail.less @@ -135,6 +135,10 @@ // (caused by images being inline elements and having space for character descenders). // This is a better solution than setting it to display:block because images can still be aligned this way. } + + iframe.oam{ + max-width: 100%; + } } .detail-video-background {