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

ajoslin · ajoslin · commit 6ee3346e301e · 2015-01-27T16:03:16.000-08:00
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%;
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`$sidenav-default-width: 304px !default;`
	`2`	`+$sidenav-min-space: 56px !default;`
`2`	`3`
`3`	`4`	`md-sidenav {`
`4`	`5`	`position: absolute;`
`@@ -91,3 +92,9 @@ md-sidenav {`
`91`	`92`	`transform: translate3d(0%, 0, 0);`
`92`	`93`	`}`
`93`	`94`	`}`
	`95`	`+`
	`96`	`+@media (max-width: $sidenav-default-width + $sidenav-min-space) {`
	`97`	`+ md-sidenav {`
	`98`	`+ width: 85%;`
	`99`	`+ }`
	`100`	`+}`