feat(sidenav): make it thinner on <360px wide screens

angular · Jan 28, 2015 · 6ee3346 · 6ee3346
1 parent d8e5dd0
commit 6ee3346
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/src/components/sidenav/sidenav.scss b/src/components/sidenav/sidenav.scss
@@ -1,4 +1,5 @@
 $sidenav-default-width: 304px !default;
+$sidenav-min-space: 56px !default;
 
 md-sidenav {
   position: absolute;
@@ -91,3 +92,9 @@ md-sidenav {
     transform: translate3d(0%, 0, 0);
   }
 }
+
+@media (max-width: $sidenav-default-width + $sidenav-min-space) {
+  md-sidenav {
+    width: 85%;
+  }
+}