added resize calculations

FinalAngel · Jun 24, 2014 · 01a416c · 01a416c
1 parent 05142d4
commit 01a416c
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 0 deletions.
diff --git a/src/cl.mobilemenu/CHANGELOG.rst b/src/cl.mobilemenu/CHANGELOG.rst
@@ -2,6 +2,10 @@
 Cl.MobileMenu
 =============
 
+1.1.4
+-----
+- added resize calculations
+
 1.1.3
 -----
 - rename ``MobileMenu`` to ``Mobilemenu``

diff --git a/src/cl.mobilemenu/cl.mobilemenu.js b/src/cl.mobilemenu/cl.mobilemenu.js
@@ -71,6 +71,7 @@ var Cl = window.Cl || {};
 			// attach resize event for hiding mobile menu
 			$(window).on('resize.menu', function () {
 				if(that.visible && $(window).width() >= that.options.bound) that.hide(0);
+				if (that.visible) that.resize();
 				that.menu.height('min-height', that._setHeight());
 			});
 		},
@@ -142,6 +143,18 @@ var Cl = window.Cl || {};
 			this._fire('hide');
 		},
 
+		resize: function() {
+			// depending on current window width
+			this.width = ($(window).width() * this.options.ratio);
+			this.html.css({
+				'margin-left': this.width
+			});
+			this.menu.css({
+				'width': this.width,
+				'left': -this.width + this.options.offset.left
+			});
+		},
+
 		_validate: function () {
 			return ($(window).width() < this.options.bound) ? true : false;
 		},