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

Side by Side Diff: chrome/browser/resources/chromeos/chromevox/chromevox/injected/active_indicator.js

Issue 2691883002: Uprefix CSS transitions in ui/ and chrome/ styles (Closed)
Patch Set: transitions only 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 /** 5 /**
6 * @fileoverview Draws and animates the graphical indicator around the active 6 * @fileoverview Draws and animates the graphical indicator around the active
7 * object or text range, and handles animation when the indicator is moving. 7 * object or text range, and handles animation when the indicator is moving.
8 */ 8 */
9 9
10 10
(...skipping 139 matching lines...) Expand 10 before | Expand all | Expand 10 after
150 '}' + 150 '}' +
151 '.cvox_indicator_pulsing {' + 151 '.cvox_indicator_pulsing {' +
152 ' animation: ' + 152 ' animation: ' +
153 // NOTE(deboer): This animation is 0 seconds long to work around 153 // NOTE(deboer): This animation is 0 seconds long to work around
154 // http://crbug.com/128993. Revert it to 2s when the bug is fixed. 154 // http://crbug.com/128993. Revert it to 2s when the bug is fixed.
155 ' cvox_indicator_pulsing_animation 0s 2 alternate !important;' + 155 ' cvox_indicator_pulsing_animation 0s 2 alternate !important;' +
156 ' animation-timing-function: ease-in-out !important;' + 156 ' animation-timing-function: ease-in-out !important;' +
157 '}' + 157 '}' +
158 '.cvox_indicator_region {' + 158 '.cvox_indicator_region {' +
159 ' opacity: 0 !important;' + 159 ' opacity: 0 !important;' +
160 ' -webkit-transition: opacity 1s !important;' + 160 ' transition: opacity 1s !important;' +
161 '}' + 161 '}' +
162 '.cvox_indicator_visible {' + 162 '.cvox_indicator_visible {' +
163 ' opacity: 1 !important;' + 163 ' opacity: 1 !important;' +
164 '}' + 164 '}' +
165 '.cvox_indicator_container .cvox_indicator_region * {' + 165 '.cvox_indicator_container .cvox_indicator_region * {' +
166 ' position:absolute !important;' + 166 ' position:absolute !important;' +
167 ' box-shadow: 0 0 4px 4px #f7983a !important;' + 167 ' box-shadow: 0 0 4px 4px #f7983a !important;' +
168 ' border-radius: 6px !important;' + 168 ' border-radius: 6px !important;' +
169 ' margin: 0px !important;' + 169 ' margin: 0px !important;' +
170 ' padding: 0px !important;' + 170 ' padding: 0px !important;' +
171 ' -webkit-transition: none !important;' + 171 ' transition: none !important;' +
172 '}' + 172 '}' +
173 '.cvox_indicator_animate_normal .cvox_indicator_region * {' + 173 '.cvox_indicator_animate_normal .cvox_indicator_region * {' +
174 ' -webkit-transition: all 0.3s !important;' + 174 ' transition: all 0.3s !important;' +
175 '}' + 175 '}' +
176 '.cvox_indicator_animate_quick .cvox_indicator_region * {' + 176 '.cvox_indicator_animate_quick .cvox_indicator_region * {' +
177 ' -webkit-transition: all 0.1s !important;' + 177 ' transition: all 0.1s !important;' +
178 '}' + 178 '}' +
179 '.cvox_indicator_top {' + 179 '.cvox_indicator_top {' +
180 ' border-radius: inherit inherit 0 0 !important;' + 180 ' border-radius: inherit inherit 0 0 !important;' +
181 '}' + 181 '}' +
182 '.cvox_indicator_middle_nw {' + 182 '.cvox_indicator_middle_nw {' +
183 ' border-radius: inherit 0 0 0 !important;' + 183 ' border-radius: inherit 0 0 0 !important;' +
184 '}' + 184 '}' +
185 '.cvox_indicator_middle_ne {' + 185 '.cvox_indicator_middle_ne {' +
186 ' border-radius: 0 inherit 0 0 !important;' + 186 ' border-radius: 0 inherit 0 0 !important;' +
187 '}' + 187 '}' +
(...skipping 807 matching lines...) Expand 10 before | Expand all | Expand 10 after
995 995
996 var zoomLevel = 5000 / zoomMeasureElement.clientHeight; 996 var zoomLevel = 5000 / zoomMeasureElement.clientHeight;
997 var newZoom = Math.round(zoomLevel * 500) / 500; 997 var newZoom = Math.round(zoomLevel * 500) / 500;
998 if (newZoom > 0.1 && newZoom < 10) { 998 if (newZoom > 0.1 && newZoom < 10) {
999 this.zoom_ = newZoom; 999 this.zoom_ = newZoom;
1000 } 1000 }
1001 1001
1002 // TODO(dmazzoni): warn or log if the computed zoom is bad? 1002 // TODO(dmazzoni): warn or log if the computed zoom is bad?
1003 zoomMeasureElement.parentNode.removeChild(zoomMeasureElement); 1003 zoomMeasureElement.parentNode.removeChild(zoomMeasureElement);
1004 }; 1004 };
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698