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 <script src="/jquery/jquery-2.1.4.min.js"></script> | 8 <script src="/jquery/jquery-2.1.4.min.js"></script> |
9 <script src="/flot/jquery.flot.min.js"></script> | 9 <script src="/flot/jquery.flot.min.js"></script> |
10 <script src="/flot/jquery.flot.crosshair.min.js"></script> | 10 <script src="/flot/jquery.flot.crosshair.min.js"></script> |
(...skipping 21 matching lines...) Expand all Loading... |
32 | 32 |
33 /* The action bar contains the graph button and triage button. */ | 33 /* The action bar contains the graph button and triage button. */ |
34 #action-bar { | 34 #action-bar { |
35 margin-top: 20px; | 35 margin-top: 20px; |
36 width: 100%; | 36 width: 100%; |
37 } | 37 } |
38 | 38 |
39 /* The top container contains the action bar and alerts list. */ | 39 /* The top container contains the action bar and alerts list. */ |
40 #top { | 40 #top { |
41 display: inline-flex; | 41 display: inline-flex; |
42 display: -webkit-inline-flex; | |
43 flex-direction: column; | 42 flex-direction: column; |
44 -webkit-flex-direction: column; | |
45 align-items: flex-start; | 43 align-items: flex-start; |
46 -webkit-align-items: flex-start; | |
47 margin-bottom: 15px; | 44 margin-bottom: 15px; |
48 width: 100% | 45 width: 100% |
49 } | 46 } |
50 | 47 |
51 /* The bottom container contains the charts. */ | 48 /* The bottom container contains the charts. */ |
52 #bottom { | 49 #bottom { |
53 display: flex; | 50 display: flex; |
54 display: -webkit-flex; | |
55 flex-direction: column; | 51 flex-direction: column; |
56 -webkit-flex-direction: column; | |
57 min-width: 100%; | 52 min-width: 100%; |
58 min-height: 100%; | 53 min-height: 100%; |
59 } | 54 } |
60 | 55 |
61 /* Triage dialog at the top level when the user clicks the triage button. */ | 56 /* Triage dialog at the top level when the user clicks the triage button. */ |
62 triage-dialog { | 57 triage-dialog { |
63 position: absolute; | 58 position: absolute; |
64 margin-top: 30px; | 59 margin-top: 30px; |
65 z-index: 1000; | 60 z-index: 1000; |
66 } | 61 } |
(...skipping 394 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
461 this.loading = false; | 456 this.loading = false; |
462 this.missing = 'Unknown'; | 457 this.missing = 'Unknown'; |
463 }.bind(this)); | 458 }.bind(this)); |
464 }, | 459 }, |
465 computeOr(error, loading) { | 460 computeOr(error, loading) { |
466 return error || loading; | 461 return error || loading; |
467 } | 462 } |
468 }); | 463 }); |
469 </script> | 464 </script> |
470 </dom-module> | 465 </dom-module> |
OLD | NEW |