fix(sidenav): always leave >=56px of room, no matter the screensize

Closes #346
angular · Oct 2, 2014 · 13a2667 · 13a2667
1 parent 6d0ca8f
commit 13a2667
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/src/components/sidenav/_sidenav.scss b/src/components/sidenav/_sidenav.scss
@@ -1,7 +1,7 @@
 material-sidenav {
   position: absolute;
 
-  width: 304px;
+  width: $sidenav-default-width;
   bottom: 0;
 
   background-color: white;
@@ -56,3 +56,9 @@ material-sidenav {
     }
   }
 }
+
+@media (max-width: $sidenav-default-width + 2 * $sidenav-min-room) {
+  material-sidenav {
+    max-width: 75%;
+  }
+}
diff --git a/src/core/style/theme/_variables.scss b/src/core/style/theme/_variables.scss
@@ -97,6 +97,8 @@ $toolbar-indent-margin: 64px;
 // Side nav variables
 
 $sidenav-shadow: 0px 0px 5px rgba(0,0,0,0.4);
+$sidenav-default-width: 304px;
+$sidenav-min-room: 56px;
 
 // Whiteframes