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

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

Issue 2226963002: [MD settings] change height and width of checkboxes (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: keep policy icon next to label Created 4 years, 4 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
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="/controls/pref_control_behavior.html"> 6 <link rel="import" href="/controls/pref_control_behavior.html">
7 <link rel="import" href="/settings_shared_css.html"> 7 <link rel="import" href="/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 include="settings-shared"> 12 <style include="settings-shared">
13 :host { 13 #outerRow {
14 align-items: center; 14 align-items: center;
15 display: flex; 15 display: flex;
16 min-height: var(--settings-row-two-line-min-height);
17 width: 100%;
18 }
19
20 #outerRow[noSubLabel] {
16 min-height: var(--settings-row-min-height); 21 min-height: var(--settings-row-min-height);
17 } 22 }
18 23
19 .secondary:not(:empty) { 24 .secondary:not(:empty) {
20 @apply(--settings-secondary); 25 @apply(--settings-secondary);
21 } 26 }
22 27
28 paper-checkbox:not([disabled]) {
29 width: 100%;
30 }
31
23 paper-checkbox:not([checked]) .secondary { 32 paper-checkbox:not([checked]) .secondary {
24 @apply(--settings-secondary-unchecked); 33 @apply(--settings-secondary-unchecked);
25 } 34 }
26 35
27 cr-policy-pref-indicator { 36 cr-policy-pref-indicator {
28 -webkit-margin-start: var(--checkbox-spacing); 37 -webkit-margin-start: var(--checkbox-spacing);
29 } 38 }
30 </style> 39 </style>
31 <cr-events id="events"></cr-events> 40 <cr-events id="events"></cr-events>
32 41
33 <div class="layout horizontal center"> 42 <div id="outerRow" noSubLabel$="[[!subLabel]]">
34 <paper-checkbox id="checkbox" checked="{{checked}}" 43 <paper-checkbox id="checkbox" checked="{{checked}}"
35 disabled="[[checkboxDisabled_(disabled, pref)]]"> 44 disabled="[[checkboxDisabled_(disabled, pref)]]">
36 <div>[[label]]</div> 45 <div>[[label]]</div>
37 <div class="secondary">[[subLabel]]</div> 46 <div class="secondary">[[subLabel]]</div>
38 </paper-checkbox> 47 </paper-checkbox>
39 <template is="dom-if" if="[[pref.policySource]]"> 48 <template is="dom-if" if="[[pref.policySource]]">
40 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator> 49 <cr-policy-pref-indicator pref="[[pref]]"></cr-policy-pref-indicator>
41 </template> 50 </template>
42 </div> 51 </div>
43 </template> 52 </template>
44 <script src="settings_checkbox.js"></script> 53 <script src="settings_checkbox.js"></script>
45 </dom-module> 54 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698