| OLD | NEW |
| (Empty) | |
| 1 <link rel="import" href="chrome://resources/cr_elements/cr_slider/cr_slider.html
"> |
| 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-radio-button/pape
r-radio-button.html"> |
| 4 <link rel="import" href="/controls/settings_checkbox.html"> |
| 5 <link rel="import" href="/controls/settings_radio_group.html"> |
| 6 <link rel="import" href="/device_page/device_page_browser_proxy.html"> |
| 7 <link rel="import" href="/settings_shared_css.html"> |
| 8 |
| 9 <dom-module id="settings-pointers"> |
| 10 <template> |
| 11 <style include="settings-shared"> |
| 12 .subsection > * { |
| 13 -webkit-padding-end: 20px; |
| 14 -webkit-padding-start: 56px; |
| 15 } |
| 16 |
| 17 .subsection h2 { |
| 18 padding: 0 20px; |
| 19 } |
| 20 </style> |
| 21 <div id="mouse" hidden$="[[!hasMouse]]" |
| 22 class$="[[getSectionClass_(hasMouse, hasTouchpad)]]"> |
| 23 <!-- Subsection title only appears if both mouse and touchpad exist. --> |
| 24 <h2 hidden$="[[!hasTouchpad]]">$i18n{mouseTitle}</h2> |
| 25 <div class="settings-box first"> |
| 26 <settings-checkbox pref="{{prefs.settings.mouse.primary_right}}" |
| 27 label="$i18n{mouseSwapButtons}"> |
| 28 </settings-checkbox> |
| 29 </div> |
| 30 <div class="settings-box"> |
| 31 <div class="start" id="mouseSpeedLabel">$i18n{mouseSpeed}</div> |
| 32 <div class="layout horizontal center"> |
| 33 <div>$i18n{pointerSlow}</div> |
| 34 <cr-slider class="always-on" snaps |
| 35 value="{{prefs.settings.mouse.sensitivity2.value}}" |
| 36 tick-values="[[sensitivityValues_]]" |
| 37 aria-labelledby="mouseSpeedLabel"> |
| 38 </cr-slider> |
| 39 <div>$i18n{pointerFast}</div> |
| 40 </div> |
| 41 </div> |
| 42 </div> |
| 43 <div id="touchpad" hidden$="[[!hasTouchpad]]" |
| 44 class$="[[getSectionClass_(hasMouse, hasTouchpad)]]"> |
| 45 <!-- Subsection title only appears if both mouse and touchpad exist. --> |
| 46 <h2 hidden$="[[!hasMouse]]">$i18n{touchpadTitle}</h2> |
| 47 <div class="settings-box block first"> |
| 48 <settings-checkbox id="enableTapToClick" |
| 49 pref="{{prefs.settings.touchpad.enable_tap_to_click}}" |
| 50 label="$i18n{touchpadTapToClickEnabledLabel}"> |
| 51 </settings-checkbox> |
| 52 <settings-checkbox id="enableTapDragging" |
| 53 pref="{{prefs.settings.touchpad.enable_tap_dragging}}" |
| 54 label="$i18n{tapDraggingLabel}"> |
| 55 </settings-checkbox> |
| 56 </div> |
| 57 <div class="settings-box"> |
| 58 <div class="start" id="touchpadSpeedLabel">$i18n{touchpadSpeed}</div> |
| 59 <div class="layout horizontal center"> |
| 60 <div>$i18n{pointerSlow}</div> |
| 61 <cr-slider id="touchpadSensitivity" class="always-on" snaps |
| 62 value="{{prefs.settings.touchpad.sensitivity2.value}}" |
| 63 tick-values="[[sensitivityValues_]]" |
| 64 aria-labelledby="touchpadSpeedLabel"> |
| 65 </cr-slider> |
| 66 <div>$i18n{pointerFast}</div> |
| 67 </div> |
| 68 </div> |
| 69 <div class="settings-box">$i18n{scrollLabel}</div> |
| 70 <div class="list-frame"> |
| 71 <settings-radio-group pref="{{prefs.settings.touchpad.natural_scroll}}"> |
| 72 <paper-radio-button name="false"> |
| 73 $i18n{traditionalScrollLabel} |
| 74 </paper-radio-button> |
| 75 <paper-radio-button name="true"> |
| 76 $i18n{naturalScrollLabel} |
| 77 <a href="$i18n{naturalScrollLearnMoreLink}" target="_blank" |
| 78 on-tap="onLearnMoreLinkActivated_" |
| 79 on-keydown="onLearnMoreLinkActivated_"> |
| 80 $i18n{naturalScrollLearnMore} |
| 81 </a> |
| 82 </paper-radio-button> |
| 83 </settings-radio-group> |
| 84 </div> |
| 85 </div> |
| 86 </template> |
| 87 <script src="pointers.js"></script> |
| 88 </dom-module> |
| OLD | NEW |