OLD | NEW |
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 Loading... |
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 } | |
OLD | NEW |