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 |