fix(gridster): responsive width now resizes based off wrapper not window

Author: fhawkes

dist/jquery.gridster.css

@@ -1,4 +1,4 @@
-/*! gridster.js - v0.6.6 - 2015-04-14
+/*! gridster.js - v0.6.6 - 2015-04-22
 * http://gridster.net/
 * Copyright (c) 2015 decksterteam; Licensed  */
 

dist/jquery.gridster.js

@@ -1,4 +1,4 @@
-/*! gridster.js - v0.6.6 - 2015-04-14
+/*! gridster.js - v0.6.6 - 2015-04-22
 * http://gridster.net/
 * Copyright (c) 2015 decksterteam; Licensed  */
 
@@ -4026,12 +4026,12 @@
 
         for (var y = 1; y <= opts.rows; y++) {
           styles += (opts.namespace + ' [data-sizey="' + y + '"] { height:' +
-          (full_width ? 'auto' : ((y * opts.widget_base_dimensions[1]) + ((y - 1) * opts.widget_margins[1]))) + 'px; }\n');
+          (full_width ? 'auto' : ((y * opts.widget_base_dimensions[1]) + ((y - 1) * opts.widget_margins[1]))) + (full_width ? '': 'px') +'; }\n');
         }
 
         for (var x = 1; x <= max_size_x; x++) {
             styles += (opts.namespace + ' [data-sizex="' + x + '"] { width:' +
-            (full_width ? ($(window).width() - this.options.widget_margins[0] * 2) : ((x * opts.widget_base_dimensions[0]) + ((x - 1) * opts.widget_margins[0]))) + 'px; }\n');
+            (full_width ? (this.$wrapper.width() - this.options.widget_margins[0] * 2) : ((x * opts.widget_base_dimensions[0]) + ((x - 1) * opts.widget_margins[0]))) + 'px; }\n');
         }
 
         this.remove_style_tags();

dist/jquery.gridster.min.css

@@ -1,4 +1,4 @@
-/*! gridster.js - v0.6.6 - 2015-04-14
+/*! gridster.js - v0.6.6 - 2015-04-22
 * http://gridster.net/
 * Copyright (c) 2015 decksterteam; Licensed  */
 
@@ -4026,12 +4026,12 @@
 
         for (var y = 1; y <= opts.rows; y++) {
           styles += (opts.namespace + ' [data-sizey="' + y + '"] { height:' +
-          (full_width ? 'auto' : ((y * opts.widget_base_dimensions[1]) + ((y - 1) * opts.widget_margins[1]))) + 'px; }\n');
+          (full_width ? 'auto' : ((y * opts.widget_base_dimensions[1]) + ((y - 1) * opts.widget_margins[1]))) + (full_width ? '': 'px') +'; }\n');
         }
 
         for (var x = 1; x <= max_size_x; x++) {
             styles += (opts.namespace + ' [data-sizex="' + x + '"] { width:' +
-            (full_width ? ($(window).width() - this.options.widget_margins[0] * 2) : ((x * opts.widget_base_dimensions[0]) + ((x - 1) * opts.widget_margins[0]))) + 'px; }\n');
+            (full_width ? (this.$wrapper.width() - this.options.widget_margins[0] * 2) : ((x * opts.widget_base_dimensions[0]) + ((x - 1) * opts.widget_margins[0]))) + 'px; }\n');
         }
 
         this.remove_style_tags();

dist/jquery.gridster.min.js

@@ -3179,12 +3179,12 @@
 
         for (var y = 1; y <= opts.rows; y++) {
           styles += (opts.namespace + ' [data-sizey="' + y + '"] { height:' +
-          (full_width ? 'auto' : ((y * opts.widget_base_dimensions[1]) + ((y - 1) * opts.widget_margins[1]))) + 'px; }\n');
+          (full_width ? 'auto' : ((y * opts.widget_base_dimensions[1]) + ((y - 1) * opts.widget_margins[1]))) + (full_width ? '': 'px') +'; }\n');
         }
 
         for (var x = 1; x <= max_size_x; x++) {
             styles += (opts.namespace + ' [data-sizex="' + x + '"] { width:' +
-            (full_width ? ($(window).width() - this.options.widget_margins[0] * 2) : ((x * opts.widget_base_dimensions[0]) + ((x - 1) * opts.widget_margins[0]))) + 'px; }\n');
+            (full_width ? (this.$wrapper.width() - this.options.widget_margins[0] * 2) : ((x * opts.widget_base_dimensions[0]) + ((x - 1) * opts.widget_margins[0]))) + 'px; }\n');
         }
 
         this.remove_style_tags();