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

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

Issue 2813803002: [MD settings] vertical align left edge of icons and text (Closed)
Patch Set: Created 3 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
OLDNEW
1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html"> 1 <link rel="import" href="chrome://resources/cr_elements/shared_style_css.html">
2 <link rel="import" href="settings_vars_css.html"> 2 <link rel="import" href="settings_vars_css.html">
3 3
4 <!-- Common styles for Material Design settings. --> 4 <!-- Common styles for Material Design settings. -->
5 <dom-module id="settings-shared"> 5 <dom-module id="settings-shared">
6 <template> 6 <template>
7 <style include="cr-shared-style"> 7 <style include="cr-shared-style">
8 /* Included here so we don't have to include "iron-positioning" in every 8 /* Included here so we don't have to include "iron-positioning" in every
9 * stylesheet. See crbug.com/498405. */ 9 * stylesheet. See crbug.com/498405. */
10 [hidden] { 10 [hidden] {
(...skipping 116 matching lines...) Expand 10 before | Expand all | Expand 10 after
127 paper-checkbox { 127 paper-checkbox {
128 --paper-checkbox-checked-color: var(--google-blue-500); 128 --paper-checkbox-checked-color: var(--google-blue-500);
129 --paper-checkbox-label-spacing: var(--settings-control-spacing); 129 --paper-checkbox-label-spacing: var(--settings-control-spacing);
130 --paper-checkbox-size: var(--checkbox-size); 130 --paper-checkbox-size: var(--checkbox-size);
131 --paper-checkbox-unchecked-color: var(--paper-grey-600); 131 --paper-checkbox-unchecked-color: var(--paper-grey-600);
132 -webkit-margin-start: var(--checkbox-margin-start); 132 -webkit-margin-start: var(--checkbox-margin-start);
133 } 133 }
134 134
135 paper-radio-button { 135 paper-radio-button {
136 --paper-radio-button-checked-color: var(--google-blue-500); 136 --paper-radio-button-checked-color: var(--google-blue-500);
137 --paper-radio-button-label-spacing: 18px; 137 --paper-radio-button-label-spacing: 22px;
138 --paper-radio-button-unchecked-color: var(--paper-grey-600); 138 --paper-radio-button-unchecked-color: var(--paper-grey-600);
139 -webkit-margin-start: 2px; 139 -webkit-margin-start: 2px;
140 align-items: center; 140 align-items: center;
141 display: flex; 141 display: flex;
142 min-height: var(--settings-row-min-height); 142 min-height: var(--settings-row-min-height);
143 } 143 }
144 144
145 paper-radio-group { 145 paper-radio-group {
146 width: 100%; 146 width: 100%;
147 } 147 }
(...skipping 23 matching lines...) Expand all
171 /* A list-frame is an outer container for list-items. It is intended to be 171 /* A list-frame is an outer container for list-items. It is intended to be
172 * outside of a settings-box. A list-frame is likely to follow a 172 * outside of a settings-box. A list-frame is likely to follow a
173 * settings box. */ 173 * settings box. */
174 .list-frame { 174 .list-frame {
175 @apply(--settings-list-frame-padding); 175 @apply(--settings-list-frame-padding);
176 align-items: center; 176 align-items: center;
177 display: block; 177 display: block;
178 } 178 }
179 179
180 /* A list-item is intended to be contained within a list-frame. The list 180 /* A list-item is intended to be contained within a list-frame. The list
181 * frame will setup the initial start margin. */ 181 * frame will set up the initial start margin. */
182 .list-item { 182 .list-item {
183 align-items: center; 183 align-items: center;
184 display: flex; 184 display: flex;
185 min-height: var(--settings-row-min-height); 185 min-height: var(--settings-row-min-height);
186 padding: 0; 186 padding: 0;
187 } 187 }
188 188
189 /* A thin separator line under a list item. */ 189 /* A thin separator line under a list item. */
190 .list-item.underbar { 190 .list-item.underbar {
191 border-bottom: var(--settings-separator-line); 191 border-bottom: var(--settings-separator-line);
(...skipping 196 matching lines...) Expand 10 before | Expand all | Expand 10 after
388 transform: rotate(-135deg); 388 transform: rotate(-135deg);
389 } 389 }
390 390
391 .column-header { 391 .column-header {
392 color: var(--paper-grey-600); 392 color: var(--paper-grey-600);
393 font-weight: 500; 393 font-weight: 500;
394 } 394 }
395 </style> 395 </style>
396 </template> 396 </template>
397 </dom-module> 397 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698