Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(4)

Unified Diff: ui/webui/resources/js/cr/ui/card_slider.js

Issue 1549903002: Replace -webkit-transform with transform in Chrome UI (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Rebase CL Created 4 years, 9 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
« no previous file with comments | « ui/webui/resources/images/throbber_small.svg ('k') | no next file » | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: ui/webui/resources/js/cr/ui/card_slider.js
diff --git a/ui/webui/resources/js/cr/ui/card_slider.js b/ui/webui/resources/js/cr/ui/card_slider.js
index e0d0e20288ad67aab7cb59f183d1807d3d71d74b..f19199125a176aec21ba2b7015f24e4fd55279e9 100644
--- a/ui/webui/resources/js/cr/ui/card_slider.js
+++ b/ui/webui/resources/js/cr/ui/card_slider.js
@@ -328,7 +328,7 @@ cr.define('cr.ui', function() {
},
/**
- * Handles the ends of -webkit-transitions on -webkit-transform (animated
+ * Handles the ends of -webkit-transitions on transform (animated
* card switches).
* @param {Event} e The webkitTransitionEnd event.
* @private
@@ -459,7 +459,7 @@ cr.define('cr.ui', function() {
},
/**
- * This re-syncs the -webkit-transform that's used to position the frame in
+ * This re-syncs the transform that's used to position the frame in
* the likely event it needs to be updated by a card being inserted or
* removed in the flow.
*/
@@ -566,7 +566,7 @@ cr.define('cr.ui', function() {
// enough to change cards.
var transition = '';
if (opt_animate) {
- transition = '-webkit-transform ' + CardSlider.TRANSITION_TIME_ +
+ transition = 'transform ' + CardSlider.TRANSITION_TIME_ +
'ms ease-in-out';
}
this.container_.style.WebkitTransition = transition;
@@ -581,12 +581,12 @@ cr.define('cr.ui', function() {
* @private
*/
translateTo_: function(x) {
- // We use a webkitTransform to slide because this is GPU accelerated on
+ // We use a transform to slide because this is GPU accelerated on
// Chrome and iOS. Once Chrome does GPU acceleration on the position
// fixed-layout elements we could simply set the element's position to
// fixed and modify 'left' instead.
this.deltaX_ = x - this.currentLeft_;
- this.container_.style.WebkitTransform = 'translate3d(' + x + 'px, 0, 0)';
+ this.container_.style.transform = 'translate3d(' + x + 'px, 0, 0)';
},
/* Touch ******************************************************************/
« no previous file with comments | « ui/webui/resources/images/throbber_small.svg ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698