| 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/iron-flex-layout/classe
s/iron-flex-layout.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/classe
s/iron-flex-layout.html"> |
| 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap
er-toggle-button.html"> | 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-toggle-button/pap
er-toggle-button.html"> |
| 4 | 4 |
| 5 <dom-module name="oobe-a11y-option"> | 5 <dom-module name="oobe-a11y-option"> |
| 6 <template> | 6 <template> |
| 7 <style> | 7 <style> |
| 8 :root { | 8 :root { |
| 9 --oobe-toggle-button-size: { | 9 --oobe-toggle-button-size: { |
| 10 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); | 10 box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.4); |
| (...skipping 23 matching lines...) Expand all Loading... |
| 34 <div id="titleContainer"> | 34 <div id="titleContainer"> |
| 35 <content select=".title"></content> | 35 <content select=".title"></content> |
| 36 </div> | 36 </div> |
| 37 <div class="display-value" hidden="[[!checked]]"> | 37 <div class="display-value" hidden="[[!checked]]"> |
| 38 <content select=".checked-value"></content> | 38 <content select=".checked-value"></content> |
| 39 </div> | 39 </div> |
| 40 <div class="display-value" hidden="[[checked]]"> | 40 <div class="display-value" hidden="[[checked]]"> |
| 41 <content select=".unchecked-value"></content> | 41 <content select=".unchecked-value"></content> |
| 42 </div> | 42 </div> |
| 43 </div> | 43 </div> |
| 44 <paper-toggle-button checked="{{checked}}" aria-label$="[[ariaLabel]]"> | 44 <paper-toggle-button id="button" checked="{{checked}}" |
| 45 aria-label$="[[labelForAria]]"> |
| 45 </paper-toggle-button> | 46 </paper-toggle-button> |
| 46 </div> | 47 </div> |
| 47 </template> | 48 </template> |
| 48 </dom-module> | 49 </dom-module> |
| OLD | NEW |