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

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

Issue 2886073002: DevTools: prep audits panel for Lighthouse roll (Closed)
Patch Set: address feedback 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
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after
47 } 47 }
48 48
49 .audits2-landing-center button { 49 .audits2-landing-center button {
50 margin-top: 20px; 50 margin-top: 20px;
51 } 51 }
52 52
53 .report-container { 53 .report-container {
54 overflow: auto; 54 overflow: auto;
55 position: relative; 55 position: relative;
56 } 56 }
57
58 .audits2-timeline {
59 display: flex;
60 flex-direction: column;
61 border-top: 1px solid #ccc;
62 border-bottom: 1px solid #ccc;
63 padding: 5px 0;
64 margin: 5px 0 0 68px;
65 overflow: auto;
66 }
67
68 .lh-filmstrip {
69 display: none !important;
70 }
71
72 .audits2-filmstrip {
73 display: flex;
74 flex-direction: row;
75 margin-bottom: 20px;
76 }
77
78 .audits2-filmstrip .frame {
79 display: flex;
80 flex-direction: column;
81 align-items: center;
82 padding: 4px;
83 flex: none;
84 }
85
86 .audits2-filmstrip .frame .thumbnail {
87 display: flex;
88 width: 54px;
89 height: 100%;
90 flex-direction: row;
91 align-items: center;
92 margin: 4px 0 2px;
93 border: 2px solid transparent;
94 box-shadow: 0 0 3px #bbb;
95 }
96
97 .audits2-filmstrip .frame .thumbnail img {
98 height: auto;
99 width: 50px;
100 flex: 0 0 auto;
101 }
102
103 .audits2-filmstrip .frame .time {
104 margin-top: 2px;
105 }
106
107 .audits2-timeline-marker {
108 margin: 4px 0 6px;
109 width: calc(68px * 7);
110 }
111
112 .audits2-timeline-subtitle {
113 color: #01579B;
114 }
115
116 .audits2-timeline-bar {
117 border-top: 4px solid #03A9F4;
118 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698