OLD | NEW |
1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> | 1 <link rel="import" href="chrome://resources/cr_elements/icons.html"> |
2 <link rel="import" href="chrome://resources/html/assert.html"> | 2 <link rel="import" href="chrome://resources/html/assert.html"> |
3 <link rel="import" href="chrome://resources/html/polymer.html"> | 3 <link rel="import" href="chrome://resources/html/polymer.html"> |
4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> | 4 <link rel="import" href="chrome://resources/polymer/v1_0/paper-icon-button/paper
-icon-button.html"> |
5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> | 5 <link rel="import" href="chrome://resources/polymer/v1_0/paper-styles/default-th
eme.html"> |
6 | 6 |
7 <dom-module id="cr-dialog"> | 7 <dom-module id="cr-dialog"> |
8 <template> | 8 <template> |
9 <style> | 9 <style> |
10 :host { | 10 :host { |
(...skipping 30 matching lines...) Expand all Loading... |
41 position: fixed; | 41 position: fixed; |
42 right: 0; | 42 right: 0; |
43 top: 0; | 43 top: 0; |
44 } | 44 } |
45 | 45 |
46 :host ::content .body { | 46 :host ::content .body { |
47 padding: 12px 16px; | 47 padding: 12px 16px; |
48 } | 48 } |
49 | 49 |
50 :host ::content .title { | 50 :host ::content .title { |
51 font-size: 115.38%; /* (15px / 13px) * 100 */ | 51 font-size: calc(15 / 13 * 100%); |
52 line-height: 1; | 52 line-height: 1; |
53 padding: 16px 16px; | 53 padding: 16px 16px; |
54 flex: 1; | 54 flex: 1; |
55 } | 55 } |
56 | 56 |
57 :host ::content .button-container { | 57 :host ::content .button-container { |
58 padding: 16px 16px; | 58 padding: 16px 16px; |
59 display: flex; | 59 display: flex; |
60 justify-content: flex-end; | 60 justify-content: flex-end; |
61 } | 61 } |
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
113 --paper-icon-button: { | 113 --paper-icon-button: { |
114 height: 36px; | 114 height: 36px; |
115 width: 36px; | 115 width: 36px; |
116 }; | 116 }; |
117 | 117 |
118 --layout-inline: { | 118 --layout-inline: { |
119 display: flex; | 119 display: flex; |
120 }; | 120 }; |
121 | 121 |
122 -webkit-margin-end: 4px; | 122 -webkit-margin-end: 4px; |
| 123 align-self: flex-start; |
123 margin-top: 4px; | 124 margin-top: 4px; |
124 padding: 10px; /* Makes the actual icon 16x16. */ | 125 padding: 10px; /* Makes the actual icon 16x16. */ |
125 } | 126 } |
126 </style> | 127 </style> |
127 <div class="top-container"> | 128 <div class="top-container"> |
128 <div class="title-container" tabindex="-1"> | 129 <div class="title-container" tabindex="-1"> |
129 <content select=".title"></content> | 130 <content select=".title"></content> |
130 </div> | 131 </div> |
131 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close" | 132 <paper-icon-button icon="cr:clear" on-tap="cancel" id="close" |
132 aria-label$="[[closeText]]"> | 133 aria-label$="[[closeText]]"> |
133 </paper-icon-button> | 134 </paper-icon-button> |
134 </div> | 135 </div> |
135 <div class="body-container"> | 136 <div class="body-container"> |
136 <span id="bodyTopMarker"></span> | 137 <span id="bodyTopMarker"></span> |
137 <content select=".body"></content> | 138 <content select=".body"></content> |
138 <span id="bodyBottomMarker"></span> | 139 <span id="bodyBottomMarker"></span> |
139 </div> | 140 </div> |
140 <content select=".button-container"></content> | 141 <content select=".button-container"></content> |
141 <content select=".footer"></content> | 142 <content select=".footer"></content> |
142 </template> | 143 </template> |
143 <script src="cr_dialog.js"></script> | 144 <script src="cr_dialog.js"></script> |
144 </dom-module> | 145 </dom-module> |
OLD | NEW |