Menu: Added minimum widths for the mobile panel (fixes #4116)

wet-boew · Dec 18, 2013 · 4d889cd · 4d889cd
1 parent 00f0923
commit 4d889cd
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 0 deletions.
diff --git a/src/base/wet-boew.scss b/src/base/wet-boew.scss
@@ -108,6 +108,7 @@
 /* Extra-small view and over */
 @media screen and (min-width: $xSmallViewMin) {
 	@import "views/xSmallViewOver";
+	@import "../plugins/menu/menu-xSmallViewOver";
 }
 
 /* Small view and over */
@@ -129,6 +130,7 @@
 /* Extra-extra-small view */
 @media screen and (max-width: $xxSmallViewMax) {
 	@import "views/xxSmallView";
+	@import "../plugins/menu/menu-xxSmallView";
 }
 
 /* Extra-small view */

diff --git a/src/plugins/menu/menu-xSmallViewOver.scss b/src/plugins/menu/menu-xSmallViewOver.scss
@@ -0,0 +1,7 @@
+/*
+ * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
+ * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ */
+#mb-pnl {
+	min-width: 300px;
+}
diff --git a/src/plugins/menu/menu-xxSmallView.scss b/src/plugins/menu/menu-xxSmallView.scss
@@ -0,0 +1,7 @@
+/*
+ * Web Experience Toolkit (WET) / Boîte à outils de l'expérience Web (BOEW)
+ * wet-boew.github.io/wet-boew/License-en.html / wet-boew.github.io/wet-boew/Licence-fr.html
+ */
+#mb-pnl {
+	min-width: 65%;
+}