fix(drawer): respect NoopAnimationsModule and @.disabled binding

devversion · devversion · commit 71fdd6967b0e · 2018-08-26T16:33:59.000+02:00
* Custom CSS transitions should not run if the `NoopAnimationsModule` or the `[@.disabled]` binding is being used.
diff --git a/src/lib/sidenav/drawer.scss b/src/lib/sidenav/drawer.scss
@@ -51,6 +51,13 @@ $mat-drawer-over-drawer-z-index: 4;
   &.mat-drawer-container-explicit-backdrop .mat-drawer-side {
     z-index: $mat-drawer-backdrop-z-index;
   }
+
+  // Note that the `NoopAnimationsModule` is being handled inside of the component code.
+  &.ng-animate-disabled, .ng-animate-disabled & {
+    .mat-drawer-backdrop, .mat-drawer-content {
+      transition: none;
+    }
+  }
 }
 
 .mat-drawer-backdrop {

Original file line number	Diff line number	Diff line change
`@@ -51,6 +51,13 @@ $mat-drawer-over-drawer-z-index: 4;`
`51`	`51`	`&.mat-drawer-container-explicit-backdrop .mat-drawer-side {`
`52`	`52`	`z-index: $mat-drawer-backdrop-z-index;`
`53`	`53`	`}`
	`54`	`+`
	`55`	+ // Note that the `NoopAnimationsModule` is being handled inside of the component code.
	`56`	`+ &.ng-animate-disabled, .ng-animate-disabled & {`
	`57`	`+ .mat-drawer-backdrop, .mat-drawer-content {`
	`58`	`+ transition: none;`
	`59`	`+ }`
	`60`	`+ }`
`54`	`61`	`}`
`55`	`62`
`56`	`63`	`.mat-drawer-backdrop {`