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

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

Issue 1758973002: MD Settings: Creating a <settings-dialog> element. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Remove extra blank line 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
OLDNEW
(Empty)
1 <link rel="import" href="chrome://resources/html/polymer_config.html">
2 <link rel="import" href="chrome://resources/polymer/v1_0/iron-icons/iron-icons.h tml">
3 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog-behavior/p aper-dialog-behavior.html">
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog-behavior/p aper-dialog-shared-styles.html">
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper -icon-button.html">
6 <link rel="import" href="chrome://resources/polymer/v1_0/polymer/polymer.html">
7
8 <dom-module id="settings-dialog">
9 <template>
10 <style include="paper-dialog-shared-styles"></style>
11 <style>
12 .dialog-content {
13 -webkit-padding-end: 0;
14 -webkit-padding-start: 0;
15 margin-bottom: 0;
16 margin-top: 0;
17 }
18
19 .footer-container {
20 margin: 0;
21 padding: 0;
22 }
23
24 .top-row {
25 align-items: center;
26 border-bottom: 1px solid gainsboro;
27 display: flex;
28 padding-bottom: 5px;
29 padding-top: 5px;
30 }
31
32 .body-content {
33 font-size: 1em;
34 margin: 20px 0;
35 }
36
37 :host {
38 max-width: 800px;
39 min-width: 500px;
40 }
41
42 :host ::content .title {
43 flex: 1;
44 font-size: 1.13em;
45 }
46
47 :host ::content .title,
48 .body-content {
49 -webkit-padding-end: 24px;
50 -webkit-padding-start: 24px;
51 }
52
53 :host ::content .body {
54 margin-bottom: 35px;
55 }
56
57 :host ::content .button-container {
58 display: flex;
59 justify-content: flex-end;
60 }
61
62 :host ::content .button-container .cancel-button {
63 color: rgb(109, 109, 109);
64 font-weight: 500;
65 }
66 </style>
67 <div class="dialog-content">
68 <div class="top-row">
69 <content select=".title"></content>
70 <paper-icon-button icon="clear" on-tap="cancel" id="close">
71 </paper-icon-button>
72 </div>
73 <div class="body-content">
74 <content select=".body"></content>
75 <content select=".button-container"></content>
76 </div>
77 </div>
78 <div class="footer-container">
79 <content select=".footer"></content>
80 </div>
81 </template>
82 <script src="settings_dialog.js"></script>
83 </dom-module>
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698