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

Side by Side Diff: dashboard/dashboard/elements/triage-dialog.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 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 The triage-dialog element is the dialog box that is shown when a user clicks 8 The triage-dialog element is the dialog box that is shown when a user clicks
9 on an alert, or clicks on a "triage" button on the alerts page. It allows the 9 on an alert, or clicks on a "triage" button on the alerts page. It allows the
10 --> 10 -->
(...skipping 20 matching lines...) Expand all
31 31
32 <paper-card id="container" alwaysOnTop elevation=4> 32 <paper-card id="container" alwaysOnTop elevation=4>
33 <style> 33 <style>
34 #loading { 34 #loading {
35 background-color: white; 35 background-color: white;
36 height: 100%; 36 height: 100%;
37 width: 100%; 37 width: 100%;
38 position: absolute; 38 position: absolute;
39 left: 0; 39 left: 0;
40 top: 0; 40 top: 0;
41 display: -webkit-flex;
42 display: flex; 41 display: flex;
43 -webkit-align-items: center;
44 align-items: center; 42 align-items: center;
45 justify-content: center; 43 justify-content: center;
46 -webkit-justify-content: center;
47 opacity: 0; 44 opacity: 0;
48 transition: opacity 0.2s; 45 transition: opacity 0.2s;
49 } 46 }
50 47
51 paper-button[dialog-confirm] { 48 paper-button[dialog-confirm] {
52 background: #4285f4; 49 background: #4285f4;
53 color: #fff; 50 color: #fff;
54 } 51 }
55 52
56 fieldset { 53 fieldset {
(...skipping 412 matching lines...) Expand 10 before | Expand all | Expand 10 after
469 open() { 466 open() {
470 this.$.container.hidden = false; 467 this.$.container.hidden = false;
471 }, 468 },
472 469
473 close() { 470 close() {
474 this.$.container.hidden = true; 471 this.$.container.hidden = true;
475 } 472 }
476 }); 473 });
477 </script> 474 </script>
478 </dom-module> 475 </dom-module>
OLDNEW
« no previous file with comments | « dashboard/dashboard/elements/trace-form.html ('k') | dashboard/dashboard/pinpoint/elements/job-page.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698