| 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 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 46 paper-button[toggles][active] { | 46 paper-button[toggles][active] { |
| 47 background-color: var(--paper-grey-300); | 47 background-color: var(--paper-grey-300); |
| 48 } | 48 } |
| 49 | 49 |
| 50 paper-toggle-button { | 50 paper-toggle-button { |
| 51 @apply(--settings-actionable); | 51 @apply(--settings-actionable); |
| 52 height: var(--settings-row-min-height); | 52 height: var(--settings-row-min-height); |
| 53 width: 31px; | 53 width: 31px; |
| 54 } | 54 } |
| 55 | 55 |
| 56 iron-dropdown .dropdown-content { | |
| 57 min-width: 128px; | |
| 58 padding: 8px 0; | |
| 59 } | |
| 60 | |
| 61 iron-dropdown .dropdown-item:focus { | |
| 62 @apply(--cr-selectable-focus); | |
| 63 } | |
| 64 | |
| 65 iron-dropdown .dropdown-content { | |
| 66 background-color: white; | |
| 67 box-shadow: 0 2px 6px var(--paper-grey-500); | |
| 68 } | |
| 69 | |
| 70 iron-dropdown .dropdown-content paper-item { | |
| 71 @apply(--settings-actionable); | |
| 72 } | |
| 73 | |
| 74 iron-dropdown .dropdown-content .dropdown-item[disabled] { | |
| 75 opacity: var(--settings-disabled-opacity); | |
| 76 } | |
| 77 | |
| 78 span ~ a { | 56 span ~ a { |
| 79 -webkit-margin-start: 4px; | 57 -webkit-margin-start: 4px; |
| 80 } | 58 } |
| 81 | 59 |
| 82 .primary-button, | 60 .primary-button, |
| 83 .tertiary-button, | 61 .tertiary-button, |
| 84 a[href] { | 62 a[href] { |
| 85 color: var(--google-blue-700); | 63 color: var(--google-blue-700); |
| 86 } | 64 } |
| 87 | 65 |
| (...skipping 242 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 330 .settings-box .secondary-action { | 308 .settings-box .secondary-action { |
| 331 -webkit-border-start: var(--settings-separator-line); | 309 -webkit-border-start: var(--settings-separator-line); |
| 332 -webkit-margin-start: 20px; | 310 -webkit-margin-start: 20px; |
| 333 -webkit-padding-start: 20px; | 311 -webkit-padding-start: 20px; |
| 334 align-items: center; | 312 align-items: center; |
| 335 display: flex; | 313 display: flex; |
| 336 flex-shrink: 0; | 314 flex-shrink: 0; |
| 337 height: var(--settings-row-min-height); | 315 height: var(--settings-row-min-height); |
| 338 } | 316 } |
| 339 | 317 |
| 340 .settings-box paper-item iron-icon { | |
| 341 padding: var(--cr-icon-padding); | |
| 342 } | |
| 343 | |
| 344 /* Helper for a list frame to automatically avoid the separator line. */ | 318 /* Helper for a list frame to automatically avoid the separator line. */ |
| 345 .vertical-list > *:not(:first-of-type) { | 319 .vertical-list > *:not(:first-of-type) { |
| 346 border-top: var(--settings-separator-line); | 320 border-top: var(--settings-separator-line); |
| 347 } | 321 } |
| 348 | 322 |
| 349 .settings-checkbox-spacer { | 323 .settings-checkbox-spacer { |
| 350 -webkit-margin-start: calc( | 324 -webkit-margin-start: calc( |
| 351 var(--checkbox-margin-start) + | 325 var(--checkbox-margin-start) + |
| 352 var(--checkbox-size) + | 326 var(--checkbox-size) + |
| 353 var(--checkbox-spacing)); | 327 var(--checkbox-spacing)); |
| (...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 390 /* Turns the arrow direction downwards, when the bubble is placed above | 364 /* Turns the arrow direction downwards, when the bubble is placed above |
| 391 * the anchor element */ | 365 * the anchor element */ |
| 392 .search-bubble-innards.above::after { | 366 .search-bubble-innards.above::after { |
| 393 -webkit-transform: rotate(-135deg); | 367 -webkit-transform: rotate(-135deg); |
| 394 bottom: -5px; | 368 bottom: -5px; |
| 395 top: auto; | 369 top: auto; |
| 396 } | 370 } |
| 397 </style> | 371 </style> |
| 398 </template> | 372 </template> |
| 399 </dom-module> | 373 </dom-module> |
| OLD | NEW |