wait #3376 @0.75

diff --git a/js/casestudies.js b/js/casestudies.js
index 21d4a693c5dd85f2d406f54800419c8be5c16425..2a5f7a4288d99ccc8deb19e1bd821e4b9ac3587a 100644 (file)
--- 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 de8f8729fe7ac9583c806981ba651baea8d13524..b8594c2e2203101e3479ad02891e495c9242122a 100644 (file)
--- 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 8d03bc18ec6c4ad0f1a867444c2a71d6656e2382..a9798eaeaa1d2f8a5298a725aa34c25ff47a88df 100644 (file)
--- 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 {