OLD | NEW |
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 Loading... |
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 Loading... |
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 }; |
OLD | NEW |