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