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