Added equal heights col functionality. Adde lots of CSS for sidebar button/form/input/Gravity Forms - may need more testing.

lib/js/theme-jquery.js

@@ -8,7 +8,11 @@
 
 // Executes when the document is ready
 jQuery(document).ready(function() {
-	
+
+	// Get PHP vars passed via wp_localize_script()
+	trestleEqualColsBreakpoint = php_vars.trestle_equal_cols_breakpoint;
+	trestleEqualHeightCols = php_vars.trestle_equal_height_cols
+
 	// Remove .no-jquery body class
 	jQuery('body').removeClass('no-jquery');
 	
@@ -51,10 +55,75 @@ jQuery(document).ready(function() {
 			icon.text(closedIcon);
     });
 
+	// Equal height homepage cols
+    jQuery('.equal-height-genesis-extender-cols .ez-home-container-area').each(function() {
+    	jQuery(this).children('.widget-area').equalHeights(null,null,trestleEqualColsBreakpoint);
+    });
+
+    
 }); /* end of as page load scripts */
 
 
 // Executes when complete page is fully loaded, including all frames, objects, and images
 jQuery(window).load(function() {
 
-});
+});
+
+
+/**
+ * Equal Heights Plugin
+ * 
+ * Equalize the heights of elements. Great for columns or any elements
+ * that need to be the same size (floats, etc).
+ *
+ * Based on Rob Glazebrook's (cssnewbie.com) script
+ *
+ * Additions
+ *  - ability to include a break point (the minimum viewport width at which the script does anything)
+ *  - binds the script to run on load, orientation change (for mobile), and when resizing the window
+ *
+ * Usage: jQuery(object).equalHeights([minHeight], [maxHeight], [breakPoint]);
+ * 
+ * Example 1: jQuery(".cols").equalHeights(); Sets all columns to the same height.
+ * Example 2: jQuery(".cols").equalHeights(400); Sets all cols to at least 400px tall.
+ * Example 3: jQuery(".cols").equalHeights(100,300); Cols are at least 100 but no more
+ * than 300 pixels tall. Elements with too much content will gain a scrollbar.
+ * Example 4: jQuery(".cols").equalHeights(null, null,768); Only resize columns above 768px viewport
+ * 
+ */
+(function(jQuery) {
+     jQuery.fn.equalHeights = function(minHeight, maxHeight, breakPoint) {
+         var items = this;
+         breakPoint = breakPoint || 0;
+ 
+         // Bind functionality to appropriate events
+         jQuery(window).bind('load orientationchange resize', function() {
+             tallest = (minHeight) ? minHeight : 0;
+             items.each(function() {
+                 jQuery(this).height('auto');
+                 if(jQuery(this).height() > tallest) {
+                     tallest = jQuery(this).height();
+                 }
+             });
+ 
+             // Get viewport width (taking scrollbars into account)
+             var e = window;
+             a = 'inner';
+             if (!('innerWidth' in window )) {
+                 a = 'client';
+                 e = document.documentElement || document.body;
+             }
+             width = e[ a+'Width' ];
+ 
+             // Equalize column heights if above the specified breakpoint
+             if ( width >= breakPoint ) {
+                 if((maxHeight) && tallest > maxHeight) tallest = maxHeight;
+                 console.log(tallest);
+                 return items.each(function() {
+                     jQuery(this).height(tallest);
+                 });
+             }
+         });
+     }
+ 
+ })(jQuery);