aboutsummaryrefslogtreecommitdiffstats
path: root/css/angular.css
diff options
context:
space:
mode:
authorMatias Niemelä2013-11-15 00:09:37 -0500
committerMatias Niemelä2013-11-20 20:54:07 -0500
commit1d50663b38ba042e8d748ffa6d48cfb5e93cfd7e (patch)
treecd4fd86dd238bc78f765319ecc41d7798bcd2f0a /css/angular.css
parentec3c4f94c79e23c29abcde6e1d2f6eaf05e0664c (diff)
downloadangular.js-1d50663b38ba042e8d748ffa6d48cfb5e93cfd7e.tar.bz2
fix(ngAnimate): use a fallback CSS property that doesn't break existing styles
The clip property seems to remove the box-shadow property when an absolute positioned animation is ongoing. This fix changes the property to be border-spacing which is also very underused. The border-spacing CSS property is only visible when border-collapse is set to separate. Closes #4902 Closes #5030
Diffstat (limited to 'css/angular.css')
-rw-r--r--css/angular.css8
1 files changed, 4 insertions, 4 deletions
diff --git a/css/angular.css b/css/angular.css
index 029d3a7d..3e20a999 100644
--- a/css/angular.css
+++ b/css/angular.css
@@ -15,8 +15,8 @@ ng\:form {
* when the active class isn't set, or if the active class doesn't
* contain any styles to transition to, then, if ngAnimate is used,
* it will appear as if the webpage is broken due to the forever hanging
- * animations. The clip (!ie) and zoom (ie) CSS properties are used
- * since they trigger a transition without making the browser
+ * animations. The border-spacing (!ie) and zoom (ie) CSS properties are
+ * used below since they trigger a transition without making the browser
* animate anything and they're both highly underused CSS properties */
-.ng-animate-start { clip:rect(0, auto, auto, 0); -ms-zoom:1.0001; }
-.ng-animate-active { clip:rect(-1px, auto, auto, 0); -ms-zoom:1; }
+.ng-animate-start { border-spacing:1px 1px; -ms-zoom:1.0001; }
+.ng-animate-active { border-spacing:0px 0px; -ms-zoom:1; }