min size for 1x1 cell

troolee · troolee · commit 08f001570cba · 2015-02-27T16:00:02.000-08:00
diff --git a/src/gridstack.css b/src/gridstack.css
@@ -68,6 +68,8 @@
     content: "\f065";
 }
 
+.grid-stack-item { min-width: 8.33333333% }
+
 .grid-stack-item[data-gs-width="12"] { width: 100% }
 .grid-stack-item[data-gs-width="11"] { width: 91.66666667% }
 .grid-stack-item[data-gs-width="10"] { width: 83.33333333% }
diff --git a/src/gridstack.js b/src/gridstack.js
@@ -434,6 +434,8 @@
     };
 
     GridStack.prototype._update_styles = function (max_height) {
+        var prefix = '.' + this.opts._class + ' .' + this.opts.item_class;
+
         if (typeof max_height == 'undefined') {
             max_height = this._styles._max;
             this._styles._max = 0;
@@ -448,9 +450,12 @@
             this._update_container_height();
         }
 
+        if (this._styles._max == 0) {
+            Utils.insert_css_rule(this._styles, prefix, 'min-height: ' + (this.opts.cell_height) + 'px;', 0);
+        }
+
         if (max_height > this._styles._max) {
             for (var i = this._styles._max; i < max_height; ++i) {
-                var prefix = '.' + this.opts._class + ' .' + this.opts.item_class;
                 Utils.insert_css_rule(this._styles,
                     prefix + '[data-gs-height="' + (i + 1) + '"]',
                     'height: ' + (this.opts.cell_height * (i + 1) + this.opts.vertical_margin * i) + 'px;',

Original file line number	Diff line number	Diff line change
`@@ -68,6 +68,8 @@`
`68`	`68`	`content: "\f065";`
`69`	`69`	`}`
`70`	`70`
	`71`	`+.grid-stack-item { min-width: 8.33333333% }`
	`72`	`+`
`71`	`73`	`.grid-stack-item[data-gs-width="12"] { width: 100% }`
`72`	`74`	`.grid-stack-item[data-gs-width="11"] { width: 91.66666667% }`
`73`	`75`	`.grid-stack-item[data-gs-width="10"] { width: 83.33333333% }`