| 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-checkbox/paper-ch
eckbox.html"> | 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-checkbox/paper-ch
eckbox.html"> |
| 3 <link rel="import" href="chrome://resources/cr_elements/cr_events/cr_events.html
"> | 3 <link rel="import" href="chrome://resources/cr_elements/cr_events/cr_events.html
"> |
| 4 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_be
havior.html"> | 4 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_be
havior.html"> |
| 5 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in
dicator.html"> | 5 <link rel="import" href="chrome://resources/cr_elements/policy/cr_policy_pref_in
dicator.html"> |
| 6 <link rel="import" href="chrome://md-settings/controls/pref_control_behavior.htm
l"> | 6 <link rel="import" href="chrome://md-settings/controls/pref_control_behavior.htm
l"> |
| 7 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> | 7 <link rel="import" href="chrome://md-settings/settings_shared_css.html"> |
| 8 | 8 |
| 9 <dom-module id="settings-checkbox"> | 9 <dom-module id="settings-checkbox"> |
| 10 <link rel="import" type="css" href="chrome://resources/cr_elements/shared.css"
> | 10 <link rel="import" type="css" href="chrome://resources/cr_elements/shared.css"
> |
| 11 <template> | 11 <template> |
| 12 <style is="custom-style" include="settings-shared"> | 12 <style is="custom-style" include="settings-shared"> |
| 13 :host { | 13 :host { |
| 14 align-items: center; | 14 align-items: center; |
| 15 display: flex; | 15 display: flex; |
| 16 min-height: 40px; | 16 min-height: 40px; |
| 17 } | 17 } |
| 18 | 18 |
| 19 paper-checkbox { | 19 paper-checkbox { |
| 20 --paper-checkbox-label-spacing: var(--checkbox-spacing); | 20 --paper-checkbox-label-spacing: var(--checkbox-spacing); |
| 21 --paper-checkbox-size: var(--checkbox-size); | 21 --paper-checkbox-size: var(--checkbox-size); |
| 22 --paper-checkbox-checked-color: var(--google-blue-500); | 22 --paper-checkbox-checked-color: var(--google-blue-500); |
| 23 --paper-checkbox-unchecked-color: #969696; | 23 --paper-checkbox-unchecked-color: #969696; |
| 24 -webkit-margin-start: var(--checkbox-margin-start); | 24 -webkit-margin-start: var(--checkbox-margin-start); |
| 25 } | 25 } |
| 26 | 26 |
| 27 .secondary { | 27 .secondary { |
| 28 @apply(--settings-secondary); | 28 @apply(--settings-secondary); |
| 29 } | 29 } |
| 30 |
| 31 cr-policy-pref-indicator { |
| 32 -webkit-margin-start: var(--checkbox-spacing); |
| 33 } |
| 30 </style> | 34 </style> |
| 31 <cr-events id="events"></cr-events> | 35 <cr-events id="events"></cr-events> |
| 32 | 36 |
| 33 <div class="layout horizontal center"> | 37 <div class="layout horizontal center"> |
| 34 <paper-checkbox id="checkbox" checked="{{checked}}" | 38 <paper-checkbox id="checkbox" checked="{{checked}}" |
| 35 disabled="[[checkboxDisabled_(disabled, pref)]]"> | 39 disabled="[[checkboxDisabled_(disabled, pref)]]"> |
| 36 <div>[[label]]</div> | 40 <div>[[label]]</div> |
| 37 <div class="secondary">[[subLabel]]</div> | 41 <div class="secondary">[[subLabel]]</div> |
| 38 </paper-checkbox> | 42 </paper-checkbox> |
| 39 <template is="dom-if" if="[[pref.policySource]]"> | 43 <template is="dom-if" if="[[pref.policySource]]"> |
| 40 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> | 44 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> |
| 41 </template> | 45 </template> |
| 42 </div> | 46 </div> |
| 43 </template> | 47 </template> |
| 44 <script src="settings_checkbox.js"></script> | 48 <script src="settings_checkbox.js"></script> |
| 45 </dom-module> | 49 </dom-module> |
| OLD | NEW |