| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <!-- | 2 <!-- |
| 3 Copyright 2017 The Chromium Authors. All rights reserved. | 3 Copyright 2017 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 <link type="text/css" rel="stylesheet" href="/dashboard/static/base.css"> | 8 <link type="text/css" rel="stylesheet" href="/dashboard/static/base.css"> |
| 9 | 9 |
| 10 <link rel="import" href="/components/app-route/app-route.html"> | 10 <link rel="import" href="/components/app-route/app-route.html"> |
| (...skipping 14 matching lines...) Expand all Loading... |
| 25 .center { | 25 .center { |
| 26 margin: auto; | 26 margin: auto; |
| 27 padding: 10px; | 27 padding: 10px; |
| 28 } | 28 } |
| 29 | 29 |
| 30 /* The content container contains everything below the sheriff select menu. | 30 /* The content container contains everything below the sheriff select menu. |
| 31 */ | 31 */ |
| 32 #content { | 32 #content { |
| 33 width: 100%; | 33 width: 100%; |
| 34 display: inline-flex; | 34 display: inline-flex; |
| 35 display: -webkit-inline-flex; | |
| 36 flex-direction: column; | 35 flex-direction: column; |
| 37 -webkit-flex-direction: column; | |
| 38 align-items: flex-start; | 36 align-items: flex-start; |
| 39 -webkit-align-items: flex-start; | |
| 40 } | 37 } |
| 41 | 38 |
| 42 #loading-spinner { | 39 #loading-spinner { |
| 43 width: 100%; | 40 width: 100%; |
| 44 display: flex; | 41 display: flex; |
| 45 justify-content: center; | 42 justify-content: center; |
| 46 } | 43 } |
| 47 | 44 |
| 48 .bar { | 45 .bar { |
| 49 width: 100px; | 46 width: 100px; |
| (...skipping 121 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 171 this.loading = false; | 168 this.loading = false; |
| 172 }.bind(this), | 169 }.bind(this), |
| 173 function(msg) { | 170 function(msg) { |
| 174 this.error = msg; | 171 this.error = msg; |
| 175 this.loading = false; | 172 this.loading = false; |
| 176 }.bind(this)); | 173 }.bind(this)); |
| 177 } | 174 } |
| 178 }); | 175 }); |
| 179 </script> | 176 </script> |
| 180 </dom-module> | 177 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2995833002:
Switch dashboard to new flexbox. (Closed)
