perf(dialog): switch dialog animations to translate3d (#3905)

* Switches the `translate` to `translate3d` for hardware accelerated animations.
angular · Apr 11, 2017 · 857c217 · 857c217
1 parent f412499
commit 857c217
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/lib/dialog/dialog-container.ts b/src/lib/dialog/dialog-container.ts
@@ -41,9 +41,9 @@ export type MdDialogContainerAnimationState = 'void' | 'enter' | 'exit' | 'exit-
   encapsulation: ViewEncapsulation.None,
   animations: [
     trigger('slideDialog', [
-      state('void', style({ transform: 'translateY(25%) scale(0.9)', opacity: 0 })),
-      state('enter', style({ transform: 'translateY(0%) scale(1)', opacity: 1 })),
-      state('exit', style({ transform: 'translateY(25%)', opacity: 0 })),
+      state('void', style({ transform: 'translate3d(0, 25%, 0) scale(0.9)', opacity: 0 })),
+      state('enter', style({ transform: 'translate3d(0, 0, 0) scale(1)', opacity: 1 })),
+      state('exit', style({ transform: 'translate3d(0, 25%, 0)', opacity: 0 })),
       transition('* => *', animate('400ms cubic-bezier(0.25, 0.8, 0.25, 1)')),
     ])
   ],