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

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

Issue 1183483011: DevTools: Support popover on timeline overview. (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
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 .frames-container {
15 position: absolute;
caseq 2015/06/16 14:14:49 please consider using .fill instead.
alph 2015/06/17 09:17:08 Nuked the div.
16 left: 0;
17 right: 0;
18 top: 0;
19 bottom: 0;
20 display: flex;
21 }
22
23 .film-strip-view.time-based .frame .time {
24 display: none;
25 }
26
14 .film-strip-view .label { 27 .film-strip-view .label {
15 margin: auto; 28 margin: auto;
16 font-size: 18px; 29 font-size: 18px;
17 color: #999; 30 color: #999;
18 } 31 }
19 32
20 .film-strip-view .frame { 33 .film-strip-view .frame {
21 display: flex; 34 display: flex;
22 flex-direction: column; 35 flex-direction: column;
23 align-items: center; 36 align-items: center;
(...skipping 28 matching lines...) Expand all
52 max-width: 80px; 65 max-width: 80px;
53 max-height: 50px; 66 max-height: 50px;
54 pointer-events: none; 67 pointer-events: none;
55 border-right: solid 1px #eee; 68 border-right: solid 1px #eee;
56 } 69 }
57 70
58 .film-strip-view .frame .time { 71 .film-strip-view .frame .time {
59 font-size: 10px; 72 font-size: 10px;
60 margin-top: 4px; 73 margin-top: 4px;
61 } 74 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698