fix(transitions): Disable transitions on Android 2, closes #780

Adam Bradley · Adam Bradley · commit 9c58d47b2b7c · 2014-05-02T14:02:28.000-05:00
By default transitions will be disabled on Android 2. To force
transitions to work on Android 2 add `enable-transitions` to the body
className.
diff --git a/scss/_platform.scss b/scss/_platform.scss
@@ -2,7 +2,7 @@
 /**
  * Platform
  * --------------------------------------------------
- * Platform specific tweaks when in Cordova.
+ * Platform specific tweaks
  */
 
 .platform-ios7.platform-cordova {
@@ -26,7 +26,7 @@
       top: $bar-height + $ios7-statusbar-height;
     }
 
-    .has-header, 
+    .has-header,
     .bar-subheader {
       top: $bar-height + $ios7-statusbar-height;
     }
@@ -45,3 +45,9 @@
     margin-bottom: 20px;
   }
 }
+
+.platform-android2:not(.enable-transitions) * {
+  // disable transitions on Android 2
+  -webkit-transition: none !important;
+  transition: none !important;
+}

Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@`
`2`	`2`	`/**`
`3`	`3`	`* Platform`
`4`	`4`	`* --------------------------------------------------`
`5`		`- * Platform specific tweaks when in Cordova.`
	`5`	`+ * Platform specific tweaks`
`6`	`6`	`*/`
`7`	`7`
`8`	`8`	`.platform-ios7.platform-cordova {`
`@@ -26,7 +26,7 @@`
`26`	`26`	`top: $bar-height + $ios7-statusbar-height;`
`27`	`27`	`}`
`28`	`28`
`29`		`- .has-header,`
	`29`	`+ .has-header,`
`30`	`30`	`.bar-subheader {`
`31`	`31`	`top: $bar-height + $ios7-statusbar-height;`
`32`	`32`	`}`
`@@ -45,3 +45,9 @@`
`45`	`45`	`margin-bottom: 20px;`
`46`	`46`	`}`
`47`	`47`	`}`
	`48`	`+`
	`49`	`+.platform-android2:not(.enable-transitions) * {`
	`50`	`+ // disable transitions on Android 2`
	`51`	`+ -webkit-transition: none !important;`
	`52`	`+ transition: none !important;`
	`53`	`+}`