OLD | NEW |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 1 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button-light.html"> |
3 <link rel="import" href="../controls/settings_slider.html"> | 3 <link rel="import" href="../controls/settings_slider.html"> |
4 <link rel="import" href="../controls/settings_toggle_button.html"> | 4 <link rel="import" href="../controls/settings_toggle_button.html"> |
5 <link rel="import" href="../i18n_setup.html"> | 5 <link rel="import" href="../i18n_setup.html"> |
6 <link rel="import" href="../route.html"> | 6 <link rel="import" href="../route.html"> |
7 <link rel="import" href="../settings_shared_css.html"> | 7 <link rel="import" href="../settings_shared_css.html"> |
8 <link rel="import" href="../settings_vars_css.html"> | 8 <link rel="import" href="../settings_vars_css.html"> |
9 | 9 |
10 <dom-module id="settings-manage-a11y-page"> | 10 <dom-module id="settings-manage-a11y-page"> |
11 <template> | 11 <template> |
12 <style include="settings-shared"> | 12 <style include="settings-shared"> |
13 h2 { | 13 h2 { |
14 -webkit-padding-start: var(--settings-box-row-padding); | 14 -webkit-padding-start: var(--settings-box-row-padding); |
15 } | 15 } |
16 | 16 |
17 .list-item settings-dropdown-menu { | 17 .list-item settings-dropdown-menu { |
18 -webkit-margin-start: 16px; | 18 -webkit-margin-start: 16px; |
19 } | 19 } |
20 | 20 |
| 21 .sub-item > .start { |
| 22 -webkit-margin-start: var(--settings-indent-width); |
| 23 } |
| 24 |
21 h2 ~ .settings-box { | 25 h2 ~ .settings-box { |
22 -webkit-margin-end: var(--settings-box-row-padding); | 26 -webkit-margin-end: var(--settings-box-row-padding); |
23 -webkit-margin-start: var(--settings-box-row-indent); | 27 -webkit-margin-start: var(--settings-box-row-indent); |
24 -webkit-padding-end: 0; | 28 -webkit-padding-end: 0; |
25 -webkit-padding-start: 0; | 29 -webkit-padding-start: 0; |
26 } | 30 } |
27 </style> | 31 </style> |
28 <div class="settings-box row first"> | 32 <div class="settings-box row first"> |
29 <span> | 33 <span> |
30 $i18n{a11yExplanation} | 34 $i18n{a11yExplanation} |
(...skipping 111 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
142 </div> | 146 </div> |
143 <settings-toggle-button | 147 <settings-toggle-button |
144 pref="{{prefs.settings.touchpad.enable_tap_dragging}}" | 148 pref="{{prefs.settings.touchpad.enable_tap_dragging}}" |
145 label="$i18n{tapDraggingLabel}"> | 149 label="$i18n{tapDraggingLabel}"> |
146 </settings-toggle-button> | 150 </settings-toggle-button> |
147 <settings-toggle-button | 151 <settings-toggle-button |
148 pref="{{prefs.settings.a11y.large_cursor_enabled}}" | 152 pref="{{prefs.settings.a11y.large_cursor_enabled}}" |
149 label="$i18n{largeMouseCursorLabel}"> | 153 label="$i18n{largeMouseCursorLabel}"> |
150 </settings-toggle-button> | 154 </settings-toggle-button> |
151 <template is="dom-if" if="[[enableAdjustableLargeCursor_]]"> | 155 <template is="dom-if" if="[[enableAdjustableLargeCursor_]]"> |
152 <div class="list-item"> | 156 <div class="list-item sub-item"> |
153 <div>$i18n{largeMouseCursorSizeLabel}</div> | 157 <div class="start">$i18n{largeMouseCursorSizeLabel}</div> |
154 <settings-slider | 158 <settings-slider |
155 disabled="[[!prefs.settings.a11y.large_cursor_enabled.value]]" | 159 disabled$="[[!prefs.settings.a11y.large_cursor_enabled.value]]" |
156 pref="{{prefs.settings.a11y.large_cursor_dip_size}}" | 160 pref="{{prefs.settings.a11y.large_cursor_dip_size}}" |
157 min="25" max="64"></settings-slider> | 161 min="25" max="64" label-min="$i18n{largeMouseCursorSizeSmallLabel}" |
| 162 label-max="$i18n{largeMouseCursorSizeLargeLabel}"> |
| 163 </settings-slider> |
158 </div> | 164 </div> |
159 </template> | 165 </template> |
160 <settings-toggle-button | 166 <settings-toggle-button |
161 pref="{{prefs.settings.a11y.cursor_highlight}}" | 167 pref="{{prefs.settings.a11y.cursor_highlight}}" |
162 label="$i18n{cursorHighlightLabel}"> | 168 label="$i18n{cursorHighlightLabel}"> |
163 </settings-toggle-button> | 169 </settings-toggle-button> |
164 </div> | 170 </div> |
165 <div class="settings-box two-line" on-tap="onMouseTap_" actionable> | 171 <div class="settings-box two-line" on-tap="onMouseTap_" actionable> |
166 <div class="start"> | 172 <div class="start"> |
167 $i18n{mouseSettingsTitle} | 173 $i18n{mouseSettingsTitle} |
(...skipping 21 matching lines...) Expand all Loading... |
189 $i18n{a11yWebStore} | 195 $i18n{a11yWebStore} |
190 </div> | 196 </div> |
191 </div> | 197 </div> |
192 <button class="icon-external" is="paper-icon-button-light" | 198 <button class="icon-external" is="paper-icon-button-light" |
193 aria-label="$i18n{additionalFeaturesTitle}" | 199 aria-label="$i18n{additionalFeaturesTitle}" |
194 aria-describedby="moreFeaturesSecondary"></button> | 200 aria-describedby="moreFeaturesSecondary"></button> |
195 </div> | 201 </div> |
196 </template> | 202 </template> |
197 <script src="manage_a11y_page.js"></script> | 203 <script src="manage_a11y_page.js"></script> |
198 </dom-module> | 204 </dom-module> |
OLD | NEW |