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

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

Issue 2128173002: Move settings_dropdown_menu styling to settings_shared_css. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: More feedback Created 4 years, 5 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_root_css.html"> 2 <link rel="import" href="/settings_root_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;
11 font-size: 100%; 11 font-size: 100%;
12 font-weight: 500; 12 font-weight: 500;
13 margin: 0; 13 margin: 0;
14 min-height: var(--settings-row-min-height); 14 min-height: var(--settings-row-min-height);
15 } 15 }
16 16
17 iron-icon[icon='cr:check'], 17 iron-icon[icon='cr:check'],
18 iron-icon[icon='settings:done'] { 18 iron-icon[icon='settings:done'] {
19 --iron-icon-fill-color: var(--google-green-500); 19 --iron-icon-fill-color: var(--google-green-500);
20 } 20 }
21 21
22 paper-button { 22 paper-button {
23 margin: 0; 23 margin: 0;
24 } 24 }
25 25
26 paper-button[toggles][active] { 26 paper-button[toggles][active] {
27 background-color: var(--paper-grey-300); 27 background-color: var(--paper-grey-300);
28 } 28 }
29 29
30 paper-dropdown-menu {
31 --iron-icon-fill-color: var(--paper-grey-600);
32 --paper-font-subhead: {
33 font-size: inherit;
34 };
35 --paper-input-container-underline: {
36 background: var(--paper-grey-300);
37 };
38 }
39
40 paper-dropdown-menu .dropdown-item {
41 align-items: center;
42 color: var(--paper-grey-800);
43 display: flex;
44 font-size: inherit;
45 min-height: 48px;
46 padding: 0 16px;
47 }
48
49 paper-dropdown-menu .dropdown-item.iron-selected {
50 font-weight: bold;
51 }
52
53 paper-dropdown-menu .dropdown-item:focus {
54 background-color: var(--paper-grey-300);
55 outline: none;
56 }
57
30 span ~ a { 58 span ~ a {
31 -webkit-margin-start: 4px; 59 -webkit-margin-start: 4px;
32 } 60 }
33 61
34 [is='action-link'], 62 [is='action-link'],
35 [is='action-link']:active, 63 [is='action-link']:active,
36 [is='action-link']:hover, 64 [is='action-link']:hover,
37 [is='action-link']:visited, 65 [is='action-link']:visited,
38 paper-button.primary-button, 66 paper-button.primary-button,
39 paper-button.tertiary-button { 67 paper-button.tertiary-button {
(...skipping 253 matching lines...) Expand 10 before | Expand all | Expand 10 after
293 321
294 .favicon-image { 322 .favicon-image {
295 background-repeat: no-repeat; 323 background-repeat: no-repeat;
296 background-size: contain; 324 background-size: contain;
297 height: 16px; 325 height: 16px;
298 width: 16px; 326 width: 16px;
299 } 327 }
300 </style> 328 </style>
301 </template> 329 </template>
302 </dom-module> 330 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698