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

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

Issue 2341383002: MD Settings: Fix pointer for paper-dropdown-menu-light. (Closed)
Patch Set: Condense Created 4 years, 3 months 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 | no next file » | 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 /* 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 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 /* Offsets the input's border-bottom. */ 48 /* Offsets the input's border-bottom. */
49 top: 1px; 49 top: 1px;
50 } 50 }
51 51
52 iron-dropdown .dropdown-content, 52 iron-dropdown .dropdown-content,
53 paper-dropdown-menu-light paper-listbox { 53 paper-dropdown-menu-light paper-listbox {
54 min-width: 128px; 54 min-width: 128px;
55 padding: 8px 0; 55 padding: 8px 0;
56 } 56 }
57 57
58 iron-dropdown .dropdown-item, 58 .dropdown-item {
59 paper-dropdown-menu-light .dropdown-item,
60 cr-shared-menu .dropdown-item {
61 align-items: center; 59 align-items: center;
62 background: none; 60 background: none;
63 border: none; 61 border: none;
64 color: var(--paper-grey-800); 62 color: var(--paper-grey-800);
65 display: flex; 63 display: flex;
66 font: inherit; 64 font: inherit;
67 min-height: 32px; 65 min-height: 32px;
68 padding: 0 24px; 66 padding: 0 24px;
69 text-align: start; 67 text-align: start;
70 width: 100%; 68 width: 100%;
71 } 69 }
72 70
73 paper-dropdown-menu-light .dropdown-item.iron-selected { 71 paper-dropdown-menu-light .dropdown-item.iron-selected {
74 font-weight: bold; 72 font-weight: bold;
75 } 73 }
76 74
77 iron-dropdown .dropdown-item:focus, 75 iron-dropdown .dropdown-item:focus,
78 paper-dropdown-menu-light .dropdown-item:focus { 76 paper-dropdown-menu-light .dropdown-item:focus {
79 @apply(--cr-selectable-focus); 77 @apply(--cr-selectable-focus);
80 } 78 }
81 79
82 iron-dropdown .dropdown-content { 80 iron-dropdown .dropdown-content {
83 background-color: white; 81 background-color: white;
84 box-shadow: 0 2px 6px var(--paper-grey-500); 82 box-shadow: 0 2px 6px var(--paper-grey-500);
85 } 83 }
86 84
87 iron-dropdown .dropdown-content .dropdown-item:not([disabled]), 85 .dropdown-item:not([disabled]),
88 cr-shared-menu .dropdown-item:not([disabled]),
89 iron-dropdown .dropdown-content paper-item { 86 iron-dropdown .dropdown-content paper-item {
90 @apply(--settings-actionable); 87 @apply(--settings-actionable);
91 } 88 }
92 89
93 iron-dropdown .dropdown-content .dropdown-item[disabled], 90 iron-dropdown .dropdown-content .dropdown-item[disabled],
94 cr-shared-menu .dropdown-item[disabled] { 91 cr-shared-menu .dropdown-item[disabled] {
95 opacity: var(--settings-disabled-opacity); 92 opacity: var(--settings-disabled-opacity);
96 } 93 }
97 94
98 span ~ a { 95 span ~ a {
(...skipping 287 matching lines...) Expand 10 before | Expand all | Expand 10 after
386 /* Turns the arrow direction downwards, when the bubble is placed above 383 /* Turns the arrow direction downwards, when the bubble is placed above
387 * the anchor element */ 384 * the anchor element */
388 .search-bubble-innards.above::after { 385 .search-bubble-innards.above::after {
389 -webkit-transform: rotate(-135deg); 386 -webkit-transform: rotate(-135deg);
390 bottom: -5px; 387 bottom: -5px;
391 top: auto; 388 top: auto;
392 } 389 }
393 </style> 390 </style>
394 </template> 391 </template>
395 </dom-module> 392 </dom-module>
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698