| 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 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 56 paper-button[toggles][active] { | 56 paper-button[toggles][active] { |
| 57 background-color: var(--paper-grey-300); | 57 background-color: var(--paper-grey-300); |
| 58 } | 58 } |
| 59 | 59 |
| 60 paper-toggle-button { | 60 paper-toggle-button { |
| 61 @apply(--settings-actionable); | 61 @apply(--settings-actionable); |
| 62 height: var(--settings-row-min-height); | 62 height: var(--settings-row-min-height); |
| 63 width: 31px; | 63 width: 31px; |
| 64 } | 64 } |
| 65 | 65 |
| 66 paper-dropdown-menu-light { | 66 iron-dropdown .dropdown-content { |
| 67 --iron-icon-fill-color: var(--paper-grey-600); | |
| 68 --paper-font-subhead: { | |
| 69 font-size: inherit; | |
| 70 }; | |
| 71 --paper-dropdown-menu-input: { | |
| 72 border-bottom-color: var(--paper-grey-300); | |
| 73 }; | |
| 74 /* Offsets the input's border-bottom. */ | |
| 75 top: 1px; | |
| 76 } | |
| 77 | |
| 78 iron-dropdown .dropdown-content, | |
| 79 paper-dropdown-menu-light paper-listbox { | |
| 80 min-width: 128px; | 67 min-width: 128px; |
| 81 padding: 8px 0; | 68 padding: 8px 0; |
| 82 } | 69 } |
| 83 | 70 |
| 84 .dropdown-item { | 71 .dropdown-item { |
| 85 align-items: center; | 72 align-items: center; |
| 86 background: none; | 73 background: none; |
| 87 border: none; | 74 border: none; |
| 88 box-sizing: border-box; | 75 box-sizing: border-box; |
| 89 color: var(--paper-grey-800); | 76 color: var(--paper-grey-800); |
| 90 display: flex; | 77 display: flex; |
| 91 font: inherit; | 78 font: inherit; |
| 92 min-height: 32px; | 79 min-height: 32px; |
| 93 padding: 0 24px; | 80 padding: 0 24px; |
| 94 text-align: start; | 81 text-align: start; |
| 95 width: 100%; | 82 width: 100%; |
| 96 } | 83 } |
| 97 | 84 |
| 98 paper-dropdown-menu-light .dropdown-item.iron-selected { | 85 iron-dropdown .dropdown-item:focus { |
| 99 font-weight: bold; | |
| 100 } | |
| 101 | |
| 102 iron-dropdown .dropdown-item:focus, | |
| 103 paper-dropdown-menu-light .dropdown-item:focus { | |
| 104 @apply(--cr-selectable-focus); | 86 @apply(--cr-selectable-focus); |
| 105 } | 87 } |
| 106 | 88 |
| 107 iron-dropdown .dropdown-content { | 89 iron-dropdown .dropdown-content { |
| 108 background-color: white; | 90 background-color: white; |
| 109 box-shadow: 0 2px 6px var(--paper-grey-500); | 91 box-shadow: 0 2px 6px var(--paper-grey-500); |
| 110 } | 92 } |
| 111 | 93 |
| 112 .dropdown-item:not([disabled]), | 94 .dropdown-item:not([disabled]), |
| 113 iron-dropdown .dropdown-content paper-item { | 95 iron-dropdown .dropdown-content paper-item { |
| (...skipping 314 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 428 /* Turns the arrow direction downwards, when the bubble is placed above | 410 /* Turns the arrow direction downwards, when the bubble is placed above |
| 429 * the anchor element */ | 411 * the anchor element */ |
| 430 .search-bubble-innards.above::after { | 412 .search-bubble-innards.above::after { |
| 431 -webkit-transform: rotate(-135deg); | 413 -webkit-transform: rotate(-135deg); |
| 432 bottom: -5px; | 414 bottom: -5px; |
| 433 top: auto; | 415 top: auto; |
| 434 } | 416 } |
| 435 </style> | 417 </style> |
| 436 </template> | 418 </template> |
| 437 </dom-module> | 419 </dom-module> |
| OLD | NEW |