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

Side by Side Diff: chrome/browser/resources/print_preview/common/overlay.js

Issue 2535573002: Reduce usage of webkit CSS prefixes in chrome/browser/resources (Closed)
Patch Set: rebase Created 3 years, 10 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 unified diff | Download patch
OLDNEW
1 // Copyright 2014 The Chromium Authors. All rights reserved. 1 // Copyright 2014 The Chromium Authors. All rights reserved.
2 // Use of this source code is governed by a BSD-style license that can be 2 // Use of this source code is governed by a BSD-style license that can be
3 // found in the LICENSE file. 3 // found in the LICENSE file.
4 4
5 cr.define('print_preview', function() { 5 cr.define('print_preview', function() {
6 'use strict'; 6 'use strict';
7 7
8 /** 8 /**
9 * Modal dialog base component. 9 * Modal dialog base component.
10 * @param {!print_preview.MetricsContext} metricsContext Metrics 10 * @param {!print_preview.MetricsContext} metricsContext Metrics
(...skipping 13 matching lines...) Expand all
24 24
25 /** @return {!print_preview.MetricsContext} */ 25 /** @return {!print_preview.MetricsContext} */
26 get metricsContext() { 26 get metricsContext() {
27 return this.metricsContext_; 27 return this.metricsContext_;
28 }, 28 },
29 29
30 /** @override */ 30 /** @override */
31 enterDocument: function() { 31 enterDocument: function() {
32 print_preview.Component.prototype.enterDocument.call(this); 32 print_preview.Component.prototype.enterDocument.call(this);
33 33
34 this.getElement().addEventListener('webkitTransitionEnd', function f(e) { 34 this.getElement().addEventListener('transitionend', function f(e) {
35 if (e.target == e.currentTarget && e.propertyName == 'opacity' && 35 if (e.target == e.currentTarget && e.propertyName == 'opacity' &&
36 e.target.classList.contains('transparent')) { 36 e.target.classList.contains('transparent')) {
37 setIsVisible(e.target, false); 37 setIsVisible(e.target, false);
38 } 38 }
39 }); 39 });
40 40
41 this.getElement().addEventListener('keydown', function f(e) { 41 this.getElement().addEventListener('keydown', function f(e) {
42 // Escape pressed -> cancel the dialog. 42 // Escape pressed -> cancel the dialog.
43 if (!hasKeyModifiers(e)) { 43 if (!hasKeyModifiers(e)) {
44 if (e.keyCode == 27) { 44 if (e.keyCode == 27) {
(...skipping 15 matching lines...) Expand all
60 60
61 this.tracker.add( 61 this.tracker.add(
62 this.getChildElement('.page > .close-button'), 62 this.getChildElement('.page > .close-button'),
63 'click', 63 'click',
64 this.cancel.bind(this)); 64 this.cancel.bind(this));
65 65
66 this.tracker.add( 66 this.tracker.add(
67 this.getElement(), 'click', this.onOverlayClick_.bind(this)); 67 this.getElement(), 'click', this.onOverlayClick_.bind(this));
68 this.tracker.add( 68 this.tracker.add(
69 this.getChildElement('.page'), 69 this.getChildElement('.page'),
70 'webkitAnimationEnd', 70 'animationend',
71 this.onAnimationEnd_.bind(this)); 71 this.onAnimationEnd_.bind(this));
72 }, 72 },
73 73
74 /** @return {boolean} Whether the component is visible. */ 74 /** @return {boolean} Whether the component is visible. */
75 getIsVisible: function() { 75 getIsVisible: function() {
76 return !this.getElement().classList.contains('transparent'); 76 return !this.getElement().classList.contains('transparent');
77 }, 77 },
78 78
79 /** @param {boolean} isVisible Whether the component is visible. */ 79 /** @param {boolean} isVisible Whether the component is visible. */
80 setIsVisible: function(isVisible) { 80 setIsVisible: function(isVisible) {
(...skipping 52 matching lines...) Expand 10 before | Expand all | Expand 10 after
133 if (e.target && e.animationName == 'pulse') 133 if (e.target && e.animationName == 'pulse')
134 e.target.classList.remove('pulse'); 134 e.target.classList.remove('pulse');
135 } 135 }
136 }; 136 };
137 137
138 // Export 138 // Export
139 return { 139 return {
140 Overlay: Overlay 140 Overlay: Overlay
141 }; 141 };
142 }); 142 });
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698