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

Issues Search
    My Issues | Starred     Open | Closed | All

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

Issue 1758973002: MD Settings: Creating a <settings-dialog> element. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Resolve conflicts. 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_dialog.html ('K') | « chrome/browser/resources/settings/settings_dialog.js ('k') | chrome/browser/resources/settings/settings_resources.grd » ('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 dialog styles for Material Design settings. --> 1 <!-- Styles for <settings-dialog> element. -->
2 <dom-module id="settings-dialog"> 2 <dom-module id="settings-dialog-css">
3 <template> 3 <template>
4 <style> 4 <style>
5 paper-dialog { 5 .dialog-content {
6 max-width: 800px;
7 min-width: 500px;
8 }
9
10 #dialog-content {
11 -webkit-padding-end: 0; 6 -webkit-padding-end: 0;
12 -webkit-padding-start: 0; 7 -webkit-padding-start: 0;
13 margin-bottom: 0; 8 margin-bottom: 0;
14 margin-top: 0; 9 margin-top: 0;
15 } 10 }
16 11
17 paper-dialog .top-row { 12 .footer-container {
13 margin: 0;
14 padding: 0;
15 }
16
17 .top-row {
18 align-items: center; 18 align-items: center;
19 border-bottom: 1px solid gainsboro; 19 border-bottom: 1px solid gainsboro;
20 display: flex; 20 display: flex;
21 padding-bottom: 5px; 21 padding-bottom: 5px;
22 padding-top: 5px; 22 padding-top: 5px;
23 } 23 }
24 24
25 paper-dialog .title { 25 .body-content {
26 font-size: 1em;
27 margin: 20px 0;
28 }
29
30 :host {
31 max-width: 800px;
32 min-width: 500px;
33 }
34
35 :host ::content .title {
26 flex: 1; 36 flex: 1;
27 font-size: 1.13em; 37 font-size: 1.13em;
28 } 38 }
29 39
30 paper-dialog .body { 40 :host ::content .title,
31 font-size: 1em; 41 .body-content {
32 margin: 20px 0;
33 }
34
35 paper-dialog .title,
36 paper-dialog .body {
37 -webkit-padding-end: 24px; 42 -webkit-padding-end: 24px;
38 -webkit-padding-start: 24px; 43 -webkit-padding-start: 24px;
39 } 44 }
40 45
41 paper-dialog .cancel-button { 46 :host ::content .body {
42 color: rgb(109, 109, 109);
43 font-weight: 500;
44 }
45
46 paper-dialog .explanation {
47 margin-bottom: 35px; 47 margin-bottom: 35px;
48 } 48 }
49 49
50 paper-dialog .button-container { 50 :host ::content .button-container {
51 display: flex; 51 display: flex;
52 justify-content: flex-end; 52 justify-content: flex-end;
53 } 53 }
54 54
55 paper-dialog paper-button {
56 margin: 0;
57 min-width: auto;
58 }
59 55
60 paper-dialog paper-button[toggles][active] { 56 :host ::content .button-container .cancel-button {
61 background-color: LightGray; 57 color: rgb(109, 109, 109);
58 font-weight: 500;
62 } 59 }
63 </style> 60 </style>
64 </template> 61 </template>
65 </dom-module> 62 </dom-module>
OLDNEW
« chrome/browser/resources/settings/settings_dialog.html ('K') | « chrome/browser/resources/settings/settings_dialog.js ('k') | chrome/browser/resources/settings/settings_resources.grd » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698