Skip to content
This repository was archived by the owner on Sep 5, 2024. It is now read-only.

Commit 57ab6d9

Browse files
EladBezalelThomasBurleson
authored andcommitted
fix(sidenav): animation when width is explicitly defined
- Made `width` and `min-width` important for the animation fixes #7483 Closes #7605
1 parent 8968c99 commit 57ab6d9

File tree

1 file changed

+4
-4
lines changed

1 file changed

+4
-4
lines changed

src/components/sidenav/sidenav.scss

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -51,13 +51,13 @@ md-sidenav {
5151
&._md-locked-open-remove-active {
5252
transition: width $swift-ease-in-duration $swift-ease-in-timing-function,
5353
min-width $swift-ease-in-duration $swift-ease-in-timing-function;
54-
width: 0;
55-
min-width: 0;
54+
width: 0 !important;
55+
min-width: 0 !important;
5656
}
5757

5858
&._md-closed._md-locked-open-add {
59-
width: 0;
60-
min-width: 0;
59+
width: 0 !important;
60+
min-width: 0 !important;
6161
transform: translate3d(0%, 0, 0);
6262
}
6363

0 commit comments

Comments
 (0)