Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(189)

Side by Side Diff: dashboard/dashboard/pinpoint/elements/jobs-page.html

Issue 2995833002: Switch dashboard to new flexbox. (Closed)
Patch Set: Created 3 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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 13 matching lines...) Expand all
24 24
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 display: inline-flex; 33 display: inline-flex;
34 display: -webkit-inline-flex;
35 flex-direction: column; 34 flex-direction: column;
36 -webkit-flex-direction: column;
37 align-items: flex-start; 35 align-items: flex-start;
38 -webkit-align-items: flex-start;
39 } 36 }
40 37
41 #loading-spinner { 38 #loading-spinner {
42 width: 100%; 39 width: 100%;
43 display: flex; 40 display: flex;
44 justify-content: center; 41 justify-content: center;
45 } 42 }
46 </style> 43 </style>
47 44
48 <app-route route="{{route}}" pattern="/:sortBy:sortDescending" query-params= "{{queryParams}}"></app-route> 45 <app-route route="{{route}}" pattern="/:sortBy:sortDescending" query-params= "{{queryParams}}"></app-route>
(...skipping 89 matching lines...) Expand 10 before | Expand all | Expand 10 after
138 this.loading = false; 135 this.loading = false;
139 }.bind(this), 136 }.bind(this),
140 function(msg) { 137 function(msg) {
141 this.error = msg; 138 this.error = msg;
142 this.loading = false; 139 this.loading = false;
143 }.bind(this)); 140 }.bind(this));
144 } 141 }
145 }); 142 });
146 </script> 143 </script>
147 </dom-module> 144 </dom-module>
OLDNEW
« no previous file with comments | « dashboard/dashboard/pinpoint/elements/job-page.html ('k') | dashboard/dashboard/pinpoint/elements/main-page.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698