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 33 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
44 }; | 44 }; |
45 } | 45 } |
46 | 46 |
47 iron-dropdown .dropdown-content, | 47 iron-dropdown .dropdown-content, |
48 paper-dropdown-menu paper-listbox { | 48 paper-dropdown-menu paper-listbox { |
49 min-width: 128px; | 49 min-width: 128px; |
50 padding: 8px 0; | 50 padding: 8px 0; |
51 } | 51 } |
52 | 52 |
53 iron-dropdown .dropdown-item, | 53 iron-dropdown .dropdown-item, |
54 paper-dropdown-menu .dropdown-item { | 54 paper-dropdown-menu .dropdown-item, |
| 55 cr-shared-menu .dropdown-item { |
55 align-items: center; | 56 align-items: center; |
56 background: none; | 57 background: none; |
57 border: none; | 58 border: none; |
58 color: var(--paper-grey-800); | 59 color: var(--paper-grey-800); |
59 display: flex; | 60 display: flex; |
60 font: inherit; | 61 font: inherit; |
61 min-height: 32px; | 62 min-height: 32px; |
62 padding: 0 24px; | 63 padding: 0 24px; |
63 text-align: start; | 64 text-align: start; |
64 width: 100%; | 65 width: 100%; |
65 } | 66 } |
66 | 67 |
67 paper-dropdown-menu .dropdown-item.iron-selected { | 68 paper-dropdown-menu .dropdown-item.iron-selected { |
68 font-weight: bold; | 69 font-weight: bold; |
69 } | 70 } |
70 | 71 |
71 iron-dropdown .dropdown-item:focus, | 72 iron-dropdown .dropdown-item:focus, |
72 paper-dropdown-menu .dropdown-item:focus { | 73 paper-dropdown-menu .dropdown-item:focus { |
73 @apply(--cr-selectable-focus); | 74 @apply(--cr-selectable-focus); |
74 } | 75 } |
75 | 76 |
76 iron-dropdown .dropdown-content { | 77 iron-dropdown .dropdown-content { |
77 background-color: white; | 78 background-color: white; |
78 box-shadow: 0 2px 6px var(--paper-grey-500); | 79 box-shadow: 0 2px 6px var(--paper-grey-500); |
79 } | 80 } |
80 | 81 |
81 iron-dropdown .dropdown-content .dropdown-item:not([disabled]), | 82 iron-dropdown .dropdown-content .dropdown-item:not([disabled]), |
| 83 cr-shared-menu .dropdown-item:not([disabled]), |
82 iron-dropdown .dropdown-content paper-item { | 84 iron-dropdown .dropdown-content paper-item { |
83 @apply(--settings-actionable); | 85 @apply(--settings-actionable); |
84 } | 86 } |
85 | 87 |
86 iron-dropdown .dropdown-content .dropdown-item[disabled] { | 88 iron-dropdown .dropdown-content .dropdown-item[disabled], |
| 89 cr-shared-menu .dropdown-item[disabled] { |
87 opacity: var(--settings-disabled-opacity); | 90 opacity: var(--settings-disabled-opacity); |
88 } | 91 } |
89 | 92 |
90 span ~ a { | 93 span ~ a { |
91 -webkit-margin-start: 4px; | 94 -webkit-margin-start: 4px; |
92 } | 95 } |
93 | 96 |
94 [is='action-link'], | 97 [is='action-link'], |
95 [is='action-link']:active, | 98 [is='action-link']:active, |
96 [is='action-link']:hover, | 99 [is='action-link']:hover, |
(...skipping 281 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
378 /* Turns the arrow direction downwards, when the bubble is placed above | 381 /* Turns the arrow direction downwards, when the bubble is placed above |
379 * the anchor element */ | 382 * the anchor element */ |
380 .search-bubble-innards.above::after { | 383 .search-bubble-innards.above::after { |
381 -webkit-transform: rotate(-135deg); | 384 -webkit-transform: rotate(-135deg); |
382 bottom: -5px; | 385 bottom: -5px; |
383 top: auto; | 386 top: auto; |
384 } | 387 } |
385 </style> | 388 </style> |
386 </template> | 389 </template> |
387 </dom-module> | 390 </dom-module> |
OLD | NEW |