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 |