fix(sidenav): animation when width is explicitly defined

- Made `width` and `min-width` important for the animation fixes angular#7483 Closes angular#7605
ilovett · Apr 22, 2016 · f36b899 · f36b899
1 parent d2cdf6d
commit f36b899
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/src/components/sidenav/sidenav.scss b/src/components/sidenav/sidenav.scss
@@ -51,13 +51,13 @@ md-sidenav {
   &._md-locked-open-remove-active {
     transition: width $swift-ease-in-duration $swift-ease-in-timing-function,
                 min-width $swift-ease-in-duration $swift-ease-in-timing-function;
-    width: 0;
-    min-width: 0;
+    width: 0 !important;
+    min-width: 0 !important;
   }
 
   &._md-closed._md-locked-open-add {
-    width: 0;
-    min-width: 0;
+    width: 0 !important;
+    min-width: 0 !important;
     transform: translate3d(0%, 0, 0);
   }