fix(sidenav): animate content resizing for side mode.

devversion · devversion · commit 80012a5e6563 · 2017-02-01T21:36:59.000+01:00
* Animates the `margin-left` and `margin-right` for the `sidenav-content` because otherwise when using `mode="side"` the sidenav content will just jump and not animate as same as the `push` mode.
diff --git a/src/lib/sidenav/sidenav-transitions.scss b/src/lib/sidenav/sidenav-transitions.scss
@@ -6,7 +6,11 @@ md-sidenav {
 }
 
 .md-sidenav-content {
-  transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;
+  transition: {
+    duration: $swift-ease-out-duration;
+    timing-function: $swift-ease-out-timing-function;
+    property: transform, margin-left, margin-right;
+  }
 }
 
 .md-sidenav-backdrop.md-sidenav-shown {

Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,11 @@ md-sidenav {`
`6`	`6`	`}`
`7`	`7`
`8`	`8`	`.md-sidenav-content {`
`9`		`- transition: transform $swift-ease-out-duration $swift-ease-out-timing-function;`
	`9`	`+ transition: {`
	`10`	`+ duration: $swift-ease-out-duration;`
	`11`	`+ timing-function: $swift-ease-out-timing-function;`
	`12`	`+ property: transform, margin-left, margin-right;`
	`13`	`+ }`
`10`	`14`	`}`
`11`	`15`
`12`	`16`	`.md-sidenav-backdrop.md-sidenav-shown {`