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

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

Issue 2887313002: Revert of DevTools: Roll Lighthouse binary to 2.0.0-alpha.7 (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 side-by-side diff with in-line comments
Download patch
Index: third_party/WebKit/Source/devtools/front_end/audits2/audits2Panel.css
diff --git a/third_party/WebKit/Source/devtools/front_end/audits2/audits2Panel.css b/third_party/WebKit/Source/devtools/front_end/audits2/audits2Panel.css
index f4538ea5ede4f6bbc4a8a218bb1c6e772fd7e45b..136e787726f28508175d055afd81968beccbd794 100644
--- a/third_party/WebKit/Source/devtools/front_end/audits2/audits2Panel.css
+++ b/third_party/WebKit/Source/devtools/front_end/audits2/audits2Panel.css
@@ -54,3 +54,65 @@
overflow: auto;
position: relative;
}
+
+.audits2-timeline {
+ display: flex;
+ flex-direction: column;
+ border-top: 1px solid #ccc;
+ border-bottom: 1px solid #ccc;
+ padding: 5px 0;
+ margin: 5px 0 0 68px;
+ overflow: auto;
+}
+
+.lh-filmstrip {
+ display: none !important;
+}
+
+.audits2-filmstrip {
+ display: flex;
+ flex-direction: row;
+ margin-bottom: 20px;
+}
+
+.audits2-filmstrip .frame {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ padding: 4px;
+ flex: none;
+}
+
+.audits2-filmstrip .frame .thumbnail {
+ display: flex;
+ width: 54px;
+ height: 100%;
+ flex-direction: row;
+ align-items: center;
+ margin: 4px 0 2px;
+ border: 2px solid transparent;
+ box-shadow: 0 0 3px #bbb;
+}
+
+.audits2-filmstrip .frame .thumbnail img {
+ height: auto;
+ width: 50px;
+ flex: 0 0 auto;
+}
+
+.audits2-filmstrip .frame .time {
+ margin-top: 2px;
+}
+
+.audits2-timeline-marker {
+ margin: 4px 0 6px;
+ width: calc(68px * 7);
+}
+
+.audits2-timeline-subtitle {
+ color: #01579B;
+}
+
+.audits2-timeline-bar {
+ border-top: 4px solid #03A9F4;
+}

Powered by Google App Engine
This is Rietveld 408576698