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

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/audits2/audits2Panel.css

Issue 2890613004: DevTools: ui polish for the audits2 panel. (Closed)
Patch Set: Created 3 years, 7 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 /* 1 /*
2 * Copyright 2017 The Chromium Authors. All rights reserved. 2 * Copyright 2017 The Chromium Authors. All rights reserved.
3 * Use of this source code is governed by a BSD-style license that can be 3 * Use of this source code is governed by a BSD-style license that can be
4 * found in the LICENSE file. 4 * found in the LICENSE file.
5 */ 5 */
6 6
7 .toolbar { 7 .toolbar {
8 border-bottom: 1px solid #ccc; 8 border-bottom: 1px solid #ccc;
9 } 9 }
10 10
11 .audits2-logo { 11 .audits2-logo {
12 width: 210px; 12 width: 210px;
13 height: 200px; 13 height: 200px;
14 flex-shrink: 0; 14 flex-shrink: 0;
15 background-repeat: no-repeat; 15 background-repeat: no-repeat;
16 background-size: contain; 16 background-size: contain;
17 margin-top: 10px; 17 margin-top: 10px;
18 background-image: url(Images/audits_logo.svg); 18 background-image: url(Images/audits_logo.svg);
19 } 19 }
20 20
21 .audits2-landing-page { 21 .audits2-landing-page {
22 display: flex; 22 display: flex;
23 align-items: center; 23 align-items: center;
24 justify-content: center; 24 justify-content: center;
25 overflow: auto;
25 } 26 }
26 27
27 28
28 .audits2-landing-center { 29 .audits2-landing-center {
29 display: flex; 30 display: flex;
30 align-items: center; 31 align-items: center;
31 justify-content: center; 32 justify-content: center;
32 max-width: 400px; 33 max-width: 400px;
33 margin: 50px; 34 margin: 50px;
34 } 35 }
35 36
37 .audits2-landing-center > * {
38 flex-shrink: 0;
39 }
40
36 .audits2-landing-text { 41 .audits2-landing-text {
37 color: #666; 42 color: #666;
38 } 43 }
39 44
40 .audits2-landing-bold-text { 45 .audits2-landing-bold-text {
41 font-weight: bold; 46 font-weight: bold;
42 } 47 }
43 48
44 .lh-root { 49 .lh-root {
45 --report-menu-width: 0 !important; 50 --report-menu-width: 0 !important;
(...skipping 63 matching lines...) Expand 10 before | Expand all | Expand 10 after
109 width: calc(68px * 7); 114 width: calc(68px * 7);
110 } 115 }
111 116
112 .audits2-timeline-subtitle { 117 .audits2-timeline-subtitle {
113 color: #01579B; 118 color: #01579B;
114 } 119 }
115 120
116 .audits2-timeline-bar { 121 .audits2-timeline-bar {
117 border-top: 4px solid #03A9F4; 122 border-top: 4px solid #03A9F4;
118 } 123 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698