OLD | NEW |
1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
2 <!-- | 2 <!-- |
3 Copyright 2016 The Chromium Authors. All rights reserved. | 3 Copyright 2016 The Chromium Authors. All rights reserved. |
4 Use of this source code is governed by a BSD-style license that can be | 4 Use of this source code is governed by a BSD-style license that can be |
5 found in the LICENSE file. | 5 found in the LICENSE file. |
6 --> | 6 --> |
7 <!-- | 7 <!-- |
8 The trace-form element includes the form for all of the different stages of | 8 The trace-form element includes the form for all of the different stages of |
9 the trace process after the user clicks on the trace button. | 9 the trace process after the user clicks on the trace button. |
10 --> | 10 --> |
(...skipping 12 matching lines...) Expand all Loading... |
23 <paper-dialog id="container" autoCloseDisabled="true"> | 23 <paper-dialog id="container" autoCloseDisabled="true"> |
24 <!-- Styling for paper-dialog's children. --> | 24 <!-- Styling for paper-dialog's children. --> |
25 <style> | 25 <style> |
26 #loading { | 26 #loading { |
27 background-color: white; | 27 background-color: white; |
28 height: 100%; | 28 height: 100%; |
29 width: 100%; | 29 width: 100%; |
30 position: absolute; | 30 position: absolute; |
31 left: 0; | 31 left: 0; |
32 top: 0; | 32 top: 0; |
33 display: -webkit-flex; | |
34 display: flex; | 33 display: flex; |
35 -webkit-align-items: center; | |
36 align-items: center; | 34 align-items: center; |
37 justify-content: center; | 35 justify-content: center; |
38 -webkit-justify-content: center; | |
39 } | 36 } |
40 | 37 |
41 paper-button[dialog-confirm] { | 38 paper-button[dialog-confirm] { |
42 background: #4285f4; | 39 background: #4285f4; |
43 color: #fff; | 40 color: #fff; |
44 margin-bottom: 5px; | 41 margin-bottom: 5px; |
45 } | 42 } |
46 | 43 |
47 paper-input { | 44 paper-input { |
48 width: 400px; | 45 width: 400px; |
(...skipping 212 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
261 this.$.container.open(); | 258 this.$.container.open(); |
262 }, | 259 }, |
263 | 260 |
264 close() { | 261 close() { |
265 this.$.container.close(); | 262 this.$.container.close(); |
266 } | 263 } |
267 }); | 264 }); |
268 })(); | 265 })(); |
269 </script> | 266 </script> |
270 </dom-module> | 267 </dom-module> |
OLD | NEW |