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

Side by Side Diff: chrome/browser/resources/settings/settings_vars_css.html

Issue 2886603002: [MD settings] separate spacing of controlled-by icon and control-label (Closed)
Patch Set: review changes Created 3 years, 7 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/cr_elements/shared_vars_css.html"> 1 <link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html "> 2 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/color.html ">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th eme.html"> 3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th eme.html">
4 4
5 <!-- Common css variables for Material Design settings. --> 5 <!-- Common css variables for Material Design settings. -->
6 <style is="custom-style"> 6 <style is="custom-style">
7 /* We keep our vars in sort order, though some vars must be defined prior to 7 /* We keep our vars in sort order, though some vars must be defined prior to
8 * others. The --settings-* vars are defined explicitly prior to the --paper-* 8 * others. The --settings-* vars are defined explicitly prior to the --paper-*
9 * and --iron-* vars. 9 * and --iron-* vars.
10 */ 10 */
(...skipping 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
76 --settings-toggle-ink-size: { 76 --settings-toggle-ink-size: {
77 height: 40px; 77 height: 40px;
78 top: -12px; 78 top: -12px;
79 left: -12px; 79 left: -12px;
80 width: 40px; 80 width: 40px;
81 }; 81 };
82 --settings-toggle-color: var(--google-blue-500); 82 --settings-toggle-color: var(--google-blue-500);
83 83
84 --checkbox-margin-start: 2px; 84 --checkbox-margin-start: 2px;
85 --checkbox-size: 16px; 85 --checkbox-size: 16px;
86 --settings-control-spacing: var(--cr-control-spacing); 86
87 /* Spacing between a control (e.g. checkbox) and its label. */
88 --settings-control-label-spacing: 20px;
89
90 /* Spacing between policy (controlledBy) indicator and control. */
91 --settings-controlled-by-spacing: var(--cr-controlled-by-spacing);
92
87 --iron-icon-fill-color: var(--paper-grey-600); 93 --iron-icon-fill-color: var(--paper-grey-600);
88 --iron-icon-height: var(--cr-icon-size); 94 --iron-icon-height: var(--cr-icon-size);
89 --iron-icon-width: var(--cr-icon-size); 95 --iron-icon-width: var(--cr-icon-size);
90 --paper-checkbox-label-color: inherit; 96 --paper-checkbox-label-color: inherit;
91 --paper-dialog-color: inherit; 97 --paper-dialog-color: inherit;
92 98
93 --paper-icon-button: { 99 --paper-icon-button: {
94 /** 100 /**
95 * This makes the icons 20px (in combination with --cr-icon-ripple-size), 101 * This makes the icons 20px (in combination with --cr-icon-ripple-size),
96 * since paper-icon-button>iron-icon width and height are hard-coded to 102 * since paper-icon-button>iron-icon width and height are hard-coded to
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
138 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size); 144 --paper-toggle-button-unchecked-button: var(--settings-toggle-button-size);
139 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size); 145 --paper-toggle-button-unchecked-ink: var(--settings-toggle-ink-size);
140 146
141 --settings-input-underline: { 147 --settings-input-underline: {
142 border-color: var(--paper-grey-300); 148 border-color: var(--paper-grey-300);
143 }; 149 };
144 150
145 --paper-input-container-underline: var(--settings-input-underline); 151 --paper-input-container-underline: var(--settings-input-underline);
146 } 152 }
147 </style> 153 </style>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698