OLD | NEW |
| (Empty) |
1 <link rel="import" href="/shared_styles.html"> | |
2 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | |
3 <link rel="import" href="chrome://resources/html/polymer.html"> | |
4 <link rel="import" href="chrome://resources/polymer/v1_0/iron-flex-layout/iron-f
lex-layout-classes.html"> | |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog-behavior/p
aper-dialog-behavior.html"> | |
6 <link rel="import" href="chrome://resources/polymer/v1_0/paper-dialog-behavior/p
aper-dialog-shared-styles.html"> | |
7 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | |
8 | |
9 <dom-module id="user-manager-dialog"> | |
10 <template> | |
11 <style include="shared-styles paper-dialog-shared-styles iron-flex iron-flex
-alignment iron-positioning"> | |
12 :host { | |
13 border-radius: 2px; | |
14 width: 512px; | |
15 } | |
16 | |
17 :host > ::content > *, | |
18 :host > ::content > *:first-child, | |
19 :host > ::content > *:last-child { | |
20 /* Overrides paper-dialog-shared-styles. */ | |
21 margin: 0; | |
22 padding: 0; | |
23 } | |
24 | |
25 #title-bar { | |
26 align-items: center; | |
27 border-bottom: var(--user-manager-separator-line); | |
28 min-height: 52px; | |
29 @apply(--user-manager-dialog-title-bar); | |
30 } | |
31 | |
32 #close { | |
33 --paper-icon-button: { | |
34 height: 40px; | |
35 padding: 10px; | |
36 width: 40px; | |
37 }; | |
38 -webkit-margin-end: 6px; | |
39 -webkit-margin-start: auto; | |
40 flex-shrink: 0; | |
41 } | |
42 | |
43 :host ::content .title { | |
44 -webkit-margin-end: 10px; | |
45 -webkit-margin-start: 16px; | |
46 font-size: 16px; | |
47 } | |
48 | |
49 :host ::content .body > * { | |
50 padding: 0 16px; | |
51 } | |
52 | |
53 :host ::content .body > .no-padding { | |
54 padding: 0; | |
55 } | |
56 | |
57 :host ::content .footer { | |
58 margin-top: 20px; | |
59 padding: 16px; | |
60 } | |
61 </style> | |
62 <div id="title-bar" class="horizontal justified layout"> | |
63 <content select=".title"></content> | |
64 <paper-icon-button icon="cr:close" id="close" dialog-dismiss> | |
65 </paper-icon-button> | |
66 </div> | |
67 <content select=".body"></content> | |
68 <content select=".footer"></content> | |
69 </template> | |
70 <script src="user_manager_dialog.js"></script> | |
71 </dom-module> | |
OLD | NEW |