From: Anthony Talarico <talarico@gaslightmedia.com>
Date: Fri, 29 Jul 2016 18:52:08 +0000 (-0400)
Subject: added javascript to set the events header text height equal to the largest one for... 
X-Git-Tag: v1.0.0^2~217
X-Git-Url: http://cvs2.gaslightmedia.com/gitweb/?a=commitdiff_plain;h=e43e00c7566096391805d7c34e76cc9ad2f5668f;p=WP-Themes%2Fpetoskeyarea.git

added javascript to set the events header text height equal to the largest one for the front page events slider
---

diff --git a/js/app.js b/js/app.js
index da0f2b9..68f480c 100644
--- a/js/app.js
+++ b/js/app.js
@@ -104,8 +104,26 @@ $(document).ready(function () {
     event_feed.addClass("feed");
     event_feed.children("div").addClass("feed-block");
     
-
+    Array.max = function( array ){
+        return Math.max.apply( Math, array );
+    };
+    
+    var event_header_heights = [];
+    $(event_feed).find('div').each( function () {
+         var event_header = $(this).find('h6');
+         event_header_heights.push(event_header.height());
+    });
+    
+    var header_height_max = Array.max(event_header_heights);
+    
+     // replace the event's img element with a wrapper div that has a background image of the same src
      $(event_feed).find("div").each( function () {
+        var event_header = $(this).find('h6');
+        var prev = $(this).prev();
+        var next = $(this).next();
+         
+         event_header.css("height", header_height_max + "px");
+
         var img_src = $(this).find("img").attr('src');
         $(this).find('img').wrap("<div style='background: url(" + img_src + ") no-repeat center center;background-size: cover;' class='image-container'></div>");
         $(this).find('img').remove();
diff --git a/js/custom/pageSetup.js b/js/custom/pageSetup.js
index 11cd467..7097818 100644
--- a/js/custom/pageSetup.js
+++ b/js/custom/pageSetup.js
@@ -95,8 +95,26 @@ $(document).ready(function () {
     event_feed.addClass("feed");
     event_feed.children("div").addClass("feed-block");
     
-
+    Array.max = function( array ){
+        return Math.max.apply( Math, array );
+    };
+    
+    var event_header_heights = [];
+    $(event_feed).find('div').each( function () {
+         var event_header = $(this).find('h6');
+         event_header_heights.push(event_header.height());
+    });
+    
+    var header_height_max = Array.max(event_header_heights);
+    
+     // replace the event's img element with a wrapper div that has a background image of the same src
      $(event_feed).find("div").each( function () {
+        var event_header = $(this).find('h6');
+        var prev = $(this).prev();
+        var next = $(this).next();
+         
+         event_header.css("height", header_height_max + "px");
+
         var img_src = $(this).find("img").attr('src');
         $(this).find('img').wrap("<div style='background: url(" + img_src + ") no-repeat center center;background-size: cover;' class='image-container'></div>");
         $(this).find('img').remove();