Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(70)

Side by Side Diff: chrome/browser/resources/settings/settings_shared_css.html

Issue 2578813002: MD Settings: Eliminate remaining references to paper-dropdown-menu-light (Closed)
Patch Set: Rebase Created 4 years ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
« no previous file with comments | « no previous file | ui/webui/resources/polymer_resources.grdp » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
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
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
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>
OLDNEW
« no previous file with comments | « no previous file | ui/webui/resources/polymer_resources.grdp » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698