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

Side by Side Diff: chrome/browser/resources/tracing/timeline_view.css

Issue 10170001: Find feature for tracing, at long last. (Closed) Base URL: git://localhost/home/nduca/Local/chrome/src@master
Patch Set: patch for landing Created 8 years, 8 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
OLDNEW
1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. */ 3 * found in the LICENSE file. */
4 4
5 .timeline-view { 5 .timeline-view {
6 -webkit-box-flex: 1; 6 -webkit-box-flex: 1;
7 -webkit-box-orient: vertical; 7 -webkit-box-orient: vertical;
8 display: -webkit-box; 8 display: -webkit-box;
9 padding: 0; 9 padding: 0;
10 } 10 }
11 11
12 .timeline-view > .timeline { 12 .timeline-view > .control {
13 border-bottom: 1px solid #555;
14 display: -webkit-box;
15 }
16
17 .timeline-view > .control > span {
18 padding-left: 5px;
19 padding-right: 10px;
20 }
21
22 .timeline-view > .control > button {
23 font-size: 75%;
24 height: 20px;
25 min-height: 10px;
26 }
27
28 .timeline-view > .control > .spacer {
29 -webkit-box-flex: 1;
30 }
31
32 .timeline-view > .timeline-container {
13 -webkit-box-flex: 1; 33 -webkit-box-flex: 1;
14 display: -webkit-box; 34 display: -webkit-box;
15 overflow: auto; 35 overflow: auto;
16 } 36 }
17 37
18 .timeline-view .timeline-container { 38 .timeline-view > .timeline-container > * {
19 -webkit-box-flex: 1;
20 display: -webkit-box;
21 overflow: auto;
22 }
23
24 .timeline-view .timeline-container > * {
25 -webkit-box-flex: 1; 39 -webkit-box-flex: 1;
26 } 40 }
27 .timeline-view .summary-container * { 41 .timeline-view > .summary-container * {
28 -webkit-user-select: text; 42 -webkit-user-select: text;
29 } 43 }
30 44
31 .timeline-view .summary-container { 45 .timeline-view > .summary-container {
32 border-top: 1px solid black; 46 border-top: 1px solid black;
33 font-family: monospace; 47 font-family: monospace;
34 max-height: 250px; 48 max-height: 250px;
35 min-height: 250px; 49 min-height: 250px;
36 overflow: auto; 50 overflow: auto;
37 } 51 }
38 52
39 .timeline-view .selection { 53 .timeline-view .selection {
40 margin: 2px; 54 margin: 2px;
41 } 55 }
42 56
43 .timeline-view .selection ul { 57 .timeline-view .selection ul {
44 margin: 0; 58 margin: 0;
45 } 59 }
60
61 .timeline-find-control {
62 -webkit-user-select: none;
63 position: relative;
64 }
65
66 .timeline-find-control .hit-count-label {
67 left: 0;
68 opacity: 0.25;
69 pointer-events: none;
70 position: absolute;
71 text-align: right;
72 top: 2px;
73 width: 170px;
74 z-index: 1;
75 }
76
77 .timeline-find-control input {
78 margin-right: 1px;
79 width: 170px;
80 }
81
82 .timeline-find-control .find-button {
83 background-color: rgba(255, 255, 255, 0.5);
84 border: 1px solid rgba(0, 0, 0, 0.2);
85 color: rgba(0,0,0,0.2);
86 font-size: 14px;
87 height: 23px;
88 text-align: center;
89 width: 23px;
90 }
91
92 .timeline-find-control .find-button:hover {
93 background-color: rgba(255, 255, 255, 1.0);
94 border: 1px solid rgba(0, 0, 0, 0.8);
95 border-radius: 25%;
96 box-shadow: 0 0 .05em rgba(0, 0, 0, 0.4);
97 color: rgba(0, 0, 0, 1);
98 }
99
OLDNEW
« no previous file with comments | « chrome/browser/resources/tracing/timeline_track_test.html ('k') | chrome/browser/resources/tracing/timeline_view.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698