OLD | NEW |
| 1 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in
dicator.html"> |
1 <link rel="import" href="chrome://resources/html/polymer.html"> | 2 <link rel="import" href="chrome://resources/html/polymer.html"> |
2 <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"> |
3 <link rel="import" href="settings_boolean_control_behavior.html"> | 4 <link rel="import" href="settings_boolean_control_behavior.html"> |
4 <link rel="import" href="../settings_shared_css.html"> | 5 <link rel="import" href="../settings_shared_css.html"> |
5 | 6 |
6 <dom-module id="settings-toggle-button"> | 7 <dom-module id="settings-toggle-button"> |
7 <template> | 8 <template> |
8 <style include="settings-shared"> | 9 <style include="settings-shared"> |
9 :host([elide-label]), | 10 :host([elide-label]), |
10 :host([elide-label]) #outerRow, | 11 :host([elide-label]) #outerRow, |
(...skipping 20 matching lines...) Expand all Loading... |
31 cr-policy-pref-indicator { | 32 cr-policy-pref-indicator { |
32 -webkit-margin-start: var(--checkbox-spacing); | 33 -webkit-margin-start: var(--checkbox-spacing); |
33 } | 34 } |
34 | 35 |
35 ::content .more-actions { | 36 ::content .more-actions { |
36 -webkit-margin-end: 10px; | 37 -webkit-margin-end: 10px; |
37 } | 38 } |
38 </style> | 39 </style> |
39 <div id="outerRow" noSubLabel$="[[!subLabel]]"> | 40 <div id="outerRow" noSubLabel$="[[!subLabel]]"> |
40 <div class="flex" on-tap="onLabelWrapperTap_" | 41 <div class="flex" on-tap="onLabelWrapperTap_" |
41 actionable$="[[!controlDisabled_(disabled, pref)]]"> | 42 actionable$="[[!controlDisabled_(disabled, pref.*)]]"> |
42 <div id="label" class="label"> | 43 <div id="label" class="label"> |
43 [[label]] | 44 [[label]] |
44 </div> | 45 </div> |
45 <div class="secondary label">[[subLabel]]</div> | 46 <div class="secondary label">[[subLabel]]</div> |
46 </div> | 47 </div> |
47 <content select=".more-actions"></content> | 48 <content select=".more-actions"></content> |
48 <template is="dom-if" if="[[pref.controlledBy]]" restamp> | 49 <template is="dom-if" if="[[pref.controlledBy]]" restamp> |
49 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> | 50 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> |
50 </template> | 51 </template> |
51 <paper-toggle-button id="control" checked="{{checked}}" | 52 <paper-toggle-button id="control" checked="{{checked}}" |
52 on-change="notifyChangedByUserInteraction" aria-labelledby="label" | 53 on-change="notifyChangedByUserInteraction" aria-labelledby="label" |
53 disabled="[[controlDisabled_(disabled, pref)]]"> | 54 disabled="[[controlDisabled_(disabled, pref)]]"> |
54 </paper-toggle-button> | 55 </paper-toggle-button> |
55 </div> | 56 </div> |
56 </template> | 57 </template> |
57 <script src="settings_toggle_button.js"></script> | 58 <script src="settings_toggle_button.js"></script> |
58 </dom-module> | 59 </dom-module> |
OLD | NEW |