fix(sidenav): animation when width is explicitly defined

- Made `width` and `min-width` important for the animation fixes #7483 Closes #7605
angular · Apr 11, 2016 · 57ab6d9 · 57ab6d9
1 parent 8968c99
commit 57ab6d9
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);
   }