fix(progressCircular): fixes animation bug when used inside md-dialog

Closes #5039
angular · Nov 20, 2015 · f780beb · f780beb
1 parent 4f3c5d9
commit f780beb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 0 deletions.
diff --git a/src/components/progressCircular/progress-circular.scss b/src/components/progressCircular/progress-circular.scss
@@ -17,6 +17,7 @@ md-progress-circular {
   margin-bottom: 0 !important;
 
   transform: scale(0.5);
+  z-index: $z-index-progress-circular; // Used to fix a Chrome bug with spinner animation
 
   .md-spinner-wrapper {
     display:block;

diff --git a/src/core/style/variables.scss b/src/core/style/variables.scss
@@ -83,6 +83,7 @@ $z-index-scroll-mask: 65 !default;
 $z-index-sidenav: 60 !default;
 $z-index-backdrop: 50 !default;
 $z-index-fab: 20 !default;
+$z-index-progress-circular: 2 !default; // Used to fix animation bug in Chrome
 
 // Easing Curves
 //--------------------------------------------