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

Side by Side Diff: Source/devtools/front_end/components_lazy/filmStripView.css

Issue 1182933010: DevTools: Switch network panel back to frame-based filmstrip. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 6 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 | Annotate | Revision Log
« no previous file with comments | « no previous file | Source/devtools/front_end/network/NetworkPanel.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* 1 /*
2 * Copyright (c) 2015 The Chromium Authors. All rights reserved. 2 * Copyright (c) 2015 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 .film-strip-view { 7 .film-strip-view {
8 overflow-x: auto; 8 overflow-x: auto;
9 overflow-y: hidden; 9 overflow-y: hidden;
10 align-content: flex-start; 10 align-content: flex-start;
11 min-height: 60px; 11 min-height: 60px;
12 } 12 }
13 13
14 .film-strip-view .label { 14 .film-strip-view .label {
15 margin: auto; 15 margin: auto;
16 font-size: 18px; 16 font-size: 18px;
17 color: #999; 17 color: #999;
18 } 18 }
19 19
20 .film-strip-view .frame { 20 .film-strip-view .frame {
21 display: flex; 21 display: flex;
22 flex-direction: column; 22 flex-direction: column;
23 align-items: center; 23 align-items: center;
24 padding: 5px 0; 24 padding: 4px 0;
25 flex: none; 25 flex: none;
26 } 26 }
27 27
28 .film-strip-view .frame-limit-reached { 28 .film-strip-view .frame-limit-reached {
29 font-size: 24px; 29 font-size: 24px;
30 color: #888; 30 color: #888;
31 justify-content: center; 31 justify-content: center;
32 display: inline-flex; 32 display: inline-flex;
33 flex-direction: column; 33 flex-direction: column;
34 flex: none; 34 flex: none;
(...skipping 11 matching lines...) Expand all
46 pointer-events: none; 46 pointer-events: none;
47 } 47 }
48 48
49 .film-strip-view .frame .thumbnail img { 49 .film-strip-view .frame .thumbnail img {
50 height: auto; 50 height: auto;
51 width: auto; 51 width: auto;
52 max-width: 80px; 52 max-width: 80px;
53 max-height: 50px; 53 max-height: 50px;
54 pointer-events: none; 54 pointer-events: none;
55 border-right: solid 1px #eee; 55 border-right: solid 1px #eee;
56 flex: 0 0 auto;
56 } 57 }
57 58
58 .film-strip-view .frame .time { 59 .film-strip-view .frame .time {
59 font-size: 10px; 60 font-size: 10px;
60 margin-top: 4px; 61 margin-top: 2px;
61 } 62 }
OLDNEW
« no previous file with comments | « no previous file | Source/devtools/front_end/network/NetworkPanel.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698