OLD | NEW |
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 326 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
337 * +-------------------------------------------------------+ | 337 * +-------------------------------------------------------+ |
338 * | Another setting-box without a secondary-action | | 338 * | Another setting-box without a secondary-action | |
339 * +-------------------------------------------------------+ */ | 339 * +-------------------------------------------------------+ */ |
340 :-webkit-any(.settings-box, .list-item) .secondary-action { | 340 :-webkit-any(.settings-box, .list-item) .secondary-action { |
341 -webkit-border-start: var(--settings-separator-line); | 341 -webkit-border-start: var(--settings-separator-line); |
342 -webkit-margin-start: 20px; | 342 -webkit-margin-start: 20px; |
343 -webkit-padding-start: 20px; | 343 -webkit-padding-start: 20px; |
344 align-items: center; | 344 align-items: center; |
345 display: flex; | 345 display: flex; |
346 flex-shrink: 0; | 346 flex-shrink: 0; |
347 height: var(--settings-row-min-height); | 347 height: 36px; |
| 348 } |
| 349 |
| 350 :-webkit-any(.settings-box, .list-item).two-line .secondary-action { |
| 351 height: 46px; |
348 } | 352 } |
349 | 353 |
350 /* Helper for a list frame to automatically avoid the separator line. */ | 354 /* Helper for a list frame to automatically avoid the separator line. */ |
351 .vertical-list > *:not(:first-of-type) { | 355 .vertical-list > *:not(:first-of-type) { |
352 border-top: var(--settings-separator-line); | 356 border-top: var(--settings-separator-line); |
353 } | 357 } |
354 | 358 |
355 .settings-checkbox-spacer { | 359 .settings-checkbox-spacer { |
356 -webkit-margin-start: calc( | 360 -webkit-margin-start: calc( |
357 var(--checkbox-margin-start) + | 361 var(--checkbox-margin-start) + |
(...skipping 43 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
401 transform: rotate(-135deg); | 405 transform: rotate(-135deg); |
402 } | 406 } |
403 | 407 |
404 .column-header { | 408 .column-header { |
405 color: var(--paper-grey-600); | 409 color: var(--paper-grey-600); |
406 font-weight: 500; | 410 font-weight: 500; |
407 } | 411 } |
408 </style> | 412 </style> |
409 </template> | 413 </template> |
410 </dom-module> | 414 </dom-module> |
OLD | NEW |