From d5b77bdcfe21cb898ea21461e180da2daad89886 Mon Sep 17 00:00:00 2001 From: Robert Messerle Date: Wed, 8 Apr 2015 11:59:54 -0700 Subject: [PATCH] fix(progressCircular): fixes animation in IE11 Closes #387 --- .../progressCircular/progressCircular.scss | 31 +++++++++++++------ 1 file changed, 22 insertions(+), 9 deletions(-) diff --git a/src/components/progressCircular/progressCircular.scss b/src/components/progressCircular/progressCircular.scss index 55536eeb3a5..b7475d88306 100644 --- a/src/components/progressCircular/progressCircular.scss +++ b/src/components/progressCircular/progressCircular.scss @@ -122,15 +122,6 @@ md-progress-circular { $i: $i + 1; } - &:not([md-mode=indeterminate]) { - .md-inner { - .md-left, .md-right { - .md-half-circle { - } - } - } - } - &[md-mode=indeterminate] { .md-spinner-wrapper { animation: outer-rotate $progress-circular-outer-duration linear infinite; @@ -157,3 +148,25 @@ md-progress-circular { } } } + +.ng-hide md-progress-circular, +md-progress-circular.ng-hide { + &[md-mode=indeterminate] { + .md-spinner-wrapper { + animation: none; + .md-inner { + animation: none; + .md-left { + .md-half-circle { + animation-name: none; + } + } + .md-right { + .md-half-circle { + animation-name: none; + } + } + } + } + } +}