| 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 |
|---|
Chromium Code Reviews
Issue 2995833002:
Switch dashboard to new flexbox. (Closed)
