fix(expansion-panel): elevation transition not working (#12860)

Fixes the elevation transition being applied to the expansion panel and then being overridden immediately by the margin transition.
angular · Aug 30, 2018 · ac8ed31 · ac8ed31
1 parent 7bc8670
commit ac8ed31
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/lib/expansion/expansion-panel.scss b/src/lib/expansion/expansion-panel.scss
@@ -5,13 +5,13 @@
 .mat-expansion-panel {
   $border-radius: 4px;
 
-  @include mat-elevation-transition;
   @include mat-overridable-elevation(2);
   box-sizing: content-box;
   display: block;
   margin: 0;
-  transition: margin 225ms $mat-fast-out-slow-in-timing-function;
   border-radius: $border-radius;
+  transition: margin 225ms $mat-fast-out-slow-in-timing-function,
+      mat-elevation-transition-property-value();
 
   .mat-accordion & {
     &:not(.mat-expanded), &:not(.mat-expansion-panel-spacing) {