Chromium Code Reviews| 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 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ | 8 /* Use <h2> as the "sub-header" mentioned in the UX design docs. */ |
| 9 h2 { | 9 h2 { |
| 10 align-items: center; | 10 align-items: center; |
| (...skipping 66 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 77 iron-dropdown .dropdown-item:focus, | 77 iron-dropdown .dropdown-item:focus, |
| 78 paper-dropdown-menu-light .dropdown-item:focus { | 78 paper-dropdown-menu-light .dropdown-item:focus { |
| 79 @apply(--cr-selectable-focus); | 79 @apply(--cr-selectable-focus); |
| 80 } | 80 } |
| 81 | 81 |
| 82 iron-dropdown .dropdown-content { | 82 iron-dropdown .dropdown-content { |
| 83 background-color: white; | 83 background-color: white; |
| 84 box-shadow: 0 2px 6px var(--paper-grey-500); | 84 box-shadow: 0 2px 6px var(--paper-grey-500); |
| 85 } | 85 } |
| 86 | 86 |
| 87 iron-dropdown .dropdown-content .dropdown-item:not([disabled]), | 87 iron-dropdown .dropdown-content .dropdown-item:not([disabled]), |
|
dpapad
2016/09/16 18:17:22
Should we just merge the two selectors to
.dropdo
Dan Beam
2016/09/16 18:29:43
if that's specific enough, sgtm
alsoooo, :-webkit
| |
| 88 paper-dropdown-menu-light .dropdown-item:not([disabled]), | |
| 88 cr-shared-menu .dropdown-item:not([disabled]), | 89 cr-shared-menu .dropdown-item:not([disabled]), |
| 89 iron-dropdown .dropdown-content paper-item { | 90 iron-dropdown .dropdown-content paper-item { |
| 90 @apply(--settings-actionable); | 91 @apply(--settings-actionable); |
| 91 } | 92 } |
| 92 | 93 |
| 93 iron-dropdown .dropdown-content .dropdown-item[disabled], | 94 iron-dropdown .dropdown-content .dropdown-item[disabled], |
| 94 cr-shared-menu .dropdown-item[disabled] { | 95 cr-shared-menu .dropdown-item[disabled] { |
| 95 opacity: var(--settings-disabled-opacity); | 96 opacity: var(--settings-disabled-opacity); |
| 96 } | 97 } |
| 97 | 98 |
| (...skipping 288 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
| 386 /* Turns the arrow direction downwards, when the bubble is placed above | 387 /* Turns the arrow direction downwards, when the bubble is placed above |
| 387 * the anchor element */ | 388 * the anchor element */ |
| 388 .search-bubble-innards.above::after { | 389 .search-bubble-innards.above::after { |
| 389 -webkit-transform: rotate(-135deg); | 390 -webkit-transform: rotate(-135deg); |
| 390 bottom: -5px; | 391 bottom: -5px; |
| 391 top: auto; | 392 top: auto; |
| 392 } | 393 } |
| 393 </style> | 394 </style> |
| 394 </template> | 395 </template> |
| 395 </dom-module> | 396 </dom-module> |
| OLD | NEW |