| 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 |