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; |
+} |