From 57ab6d9c0cfa2d877f92e7715bbb6f183d79f7c4 Mon Sep 17 00:00:00 2001
From: Elad Bezalel <elad.bezalel@gmail.com>
Date: Thu, 17 Mar 2016 00:56:37 +0200
Subject: [PATCH] fix(sidenav): animation when width is explicitly defined

- Made `width` and `min-width` important for the animation

fixes #7483

Closes #7605
---
 src/components/sidenav/sidenav.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/sidenav/sidenav.scss b/src/components/sidenav/sidenav.scss
index 6f6948c10f5..10e31a5b41c 100644
--- 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);
   }