Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(32)

Side by Side Diff: chrome/browser/resources/settings/controls/settings_checkbox.html

Issue 1832393003: MD Settings: small visual tweak to policy indicators while we think harder about them (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Created 4 years, 8 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698