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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1838533002: [MD settings] touch up sub-page titles and icons (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: review changes Created 4 years, 9 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
« chrome/browser/resources/settings/settings_page/settings_subheader.html ('K') | « chrome/browser/resources/settings/settings_resources.grd ('k') | chrome/browser/resources/settings/settings_ui/settings_ui.html » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 <!-- Common styles for Material Design settings. --> 1 <!-- Common styles for Material Design settings. -->
2 <dom-module id="settings-shared"> 2 <dom-module id="settings-shared">
3 <template> 3 <template>
4 <style> 4 <style>
5 :root { 5 :root {
6 --checkbox-margin-start: 2px; 6 --checkbox-margin-start: 2px;
7 --checkbox-size: 16px; 7 --checkbox-size: 16px;
8 --checkbox-spacing: 18px; 8 --checkbox-spacing: 18px;
9 --iron-icon-fill-color: var(--paper-grey-500); 9 --iron-icon-fill-color: var(--paper-grey-500);
10 --iron-icon-height: 20px; 10 --iron-icon-height: 20px;
11 --iron-icon-stroke-color: var(--paper-grey-500);
12 --iron-icon-width: 20px; 11 --iron-icon-width: 20px;
13 --paper-icon-button: { 12 --paper-icon-button: {
14 width: 36px; 13 width: 36px;
15 height: 36px; 14 height: 36px;
16 } 15 }
17 --settings-background-color: var(--paper-blue-grey-50); 16 --settings-background-color: var(--paper-blue-grey-50);
18 --settings-secondary: { 17 --settings-secondary: {
19 color: var(--paper-grey-500); 18 color: var(--paper-grey-500);
20 font-weight: 400; 19 font-weight: 400;
21 } 20 }
(...skipping 11 matching lines...) Expand all
33 display: flex; 32 display: flex;
34 font-size: 100%; 33 font-size: 100%;
35 font-weight: 500; 34 font-weight: 500;
36 margin: 0; 35 margin: 0;
37 min-height: 40px; 36 min-height: 40px;
38 } 37 }
39 38
40 iron-icon[icon=check], 39 iron-icon[icon=check],
41 iron-icon[icon=done] { 40 iron-icon[icon=done] {
42 --iron-icon-fill-color: var(--google-green-500); 41 --iron-icon-fill-color: var(--google-green-500);
43 --iron-icon-stroke-color: var(--google-green-500);
44 } 42 }
45 43
46 paper-button { 44 paper-button {
47 margin: 0; 45 margin: 0;
48 min-width: auto; 46 min-width: auto;
49 } 47 }
50 48
51 paper-button[toggles][active] { 49 paper-button[toggles][active] {
52 background-color: var(--paper-grey-300); 50 background-color: var(--paper-grey-300);
53 } 51 }
(...skipping 190 matching lines...) Expand 10 before | Expand all | Expand 10 after
244 242
245 .settings-checkbox-spacer { 243 .settings-checkbox-spacer {
246 -webkit-margin-start: calc( 244 -webkit-margin-start: calc(
247 var(--checkbox-margin-start) + 245 var(--checkbox-margin-start) +
248 var(--checkbox-size) + 246 var(--checkbox-size) +
249 var(--checkbox-spacing)); 247 var(--checkbox-spacing));
250 } 248 }
251 </style> 249 </style>
252 </template> 250 </template>
253 </dom-module> 251 </dom-module>
OLDNEW
« chrome/browser/resources/settings/settings_page/settings_subheader.html ('K') | « chrome/browser/resources/settings/settings_resources.grd ('k') | chrome/browser/resources/settings/settings_ui/settings_ui.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698