| 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/paper-button/paper-button.html"> | 10 <link rel="import" href="/components/paper-button/paper-button.html"> |
| (...skipping 15 matching lines...) Expand all Loading... |
| 26 font-weight: bold; | 26 font-weight: bold; |
| 27 } | 27 } |
| 28 | 28 |
| 29 .center { | 29 .center { |
| 30 margin: auto; | 30 margin: auto; |
| 31 padding: 10px; | 31 padding: 10px; |
| 32 } | 32 } |
| 33 | 33 |
| 34 #content { | 34 #content { |
| 35 display: inline-flex; | 35 display: inline-flex; |
| 36 display: -webkit-inline-flex; | |
| 37 flex-direction: column; | 36 flex-direction: column; |
| 38 -webkit-flex-direction: column; | |
| 39 align-items: flex-start; | 37 align-items: flex-start; |
| 40 -webkit-align-items: flex-start; | |
| 41 } | 38 } |
| 42 | 39 |
| 43 #loading-spinner { | 40 #loading-spinner { |
| 44 width: 100%; | 41 width: 100%; |
| 45 display: flex; | 42 display: flex; |
| 46 justify-content: center; | 43 justify-content: center; |
| 47 } | 44 } |
| 48 </style> | 45 </style> |
| 49 <template is="dom-if" if="{{loading}}"> | 46 <template is="dom-if" if="{{loading}}"> |
| 50 <div id="loading-spinner"><img src="//www.google.com/images/loading.gif"><
/div> | 47 <div id="loading-spinner"><img src="//www.google.com/images/loading.gif"><
/div> |
| (...skipping 67 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 118 } else { // POST in speed-releasing-table will get the values. | 115 } else { // POST in speed-releasing-table will get the values. |
| 119 this.tableName = path; | 116 this.tableName = path; |
| 120 this.showList = false; | 117 this.showList = false; |
| 121 this.loading = false; | 118 this.loading = false; |
| 122 } | 119 } |
| 123 } | 120 } |
| 124 | 121 |
| 125 }); | 122 }); |
| 126 </script> | 123 </script> |
| 127 </dom-module> | 124 </dom-module> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 2995833002:
Switch dashboard to new flexbox. (Closed)
