| 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 |