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 triage-dialog element is the dialog box that is shown when a user clicks | 8 The triage-dialog element is the dialog box that is shown when a user clicks |
9 on an alert, or clicks on a "triage" button on the alerts page. It allows the | 9 on an alert, or clicks on a "triage" button on the alerts page. It allows the |
10 --> | 10 --> |
(...skipping 20 matching lines...) Expand all Loading... |
31 | 31 |
32 <paper-card id="container" alwaysOnTop elevation=4> | 32 <paper-card id="container" alwaysOnTop elevation=4> |
33 <style> | 33 <style> |
34 #loading { | 34 #loading { |
35 background-color: white; | 35 background-color: white; |
36 height: 100%; | 36 height: 100%; |
37 width: 100%; | 37 width: 100%; |
38 position: absolute; | 38 position: absolute; |
39 left: 0; | 39 left: 0; |
40 top: 0; | 40 top: 0; |
41 display: -webkit-flex; | |
42 display: flex; | 41 display: flex; |
43 -webkit-align-items: center; | |
44 align-items: center; | 42 align-items: center; |
45 justify-content: center; | 43 justify-content: center; |
46 -webkit-justify-content: center; | |
47 opacity: 0; | 44 opacity: 0; |
48 transition: opacity 0.2s; | 45 transition: opacity 0.2s; |
49 } | 46 } |
50 | 47 |
51 paper-button[dialog-confirm] { | 48 paper-button[dialog-confirm] { |
52 background: #4285f4; | 49 background: #4285f4; |
53 color: #fff; | 50 color: #fff; |
54 } | 51 } |
55 | 52 |
56 fieldset { | 53 fieldset { |
(...skipping 412 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
469 open() { | 466 open() { |
470 this.$.container.hidden = false; | 467 this.$.container.hidden = false; |
471 }, | 468 }, |
472 | 469 |
473 close() { | 470 close() { |
474 this.$.container.hidden = true; | 471 this.$.container.hidden = true; |
475 } | 472 } |
476 }); | 473 }); |
477 </script> | 474 </script> |
478 </dom-module> | 475 </dom-module> |
OLD | NEW |