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

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

Issue 2277633003: Use one instance of language settings detail menu for all languages (Closed)
Patch Set: 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
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 h2 { 8 h2 {
9 align-items: center; 9 align-items: center;
10 display: flex; 10 display: flex;
(...skipping 30 matching lines...) Expand all
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
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>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698