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

Side by Side Diff: Source/devtools/front_end/timeline/timelinePanel.css

Issue 1354833002: DevTools: Nuke timeline frame overview (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 3 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 | « Source/devtools/front_end/timeline/module.json ('k') | no next file » | 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) 2006, 2007, 2008 Apple Inc. All rights reserved. 2 * Copyright (C) 2006, 2007, 2008 Apple Inc. All rights reserved.
3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org> 3 * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
4 * 4 *
5 * Redistribution and use in source and binary forms, with or without 5 * Redistribution and use in source and binary forms, with or without
6 * modification, are permitted provided that the following conditions 6 * modification, are permitted provided that the following conditions
7 * are met: 7 * are met:
8 * 8 *
9 * 1. Redistributions of source code must retain the above copyright 9 * 1. Redistributions of source code must retain the above copyright
10 * notice, this list of conditions and the following disclaimer. 10 * notice, this list of conditions and the following disclaimer.
(...skipping 41 matching lines...) Expand 10 before | Expand all | Expand 10 after
52 } 52 }
53 53
54 .timeline-records-list { 54 .timeline-records-list {
55 flex: auto; 55 flex: auto;
56 } 56 }
57 57
58 #timeline-overview-grid { 58 #timeline-overview-grid {
59 background-color: rgb(255, 255, 255); 59 background-color: rgb(255, 255, 255);
60 } 60 }
61 61
62 .timeline-overview-frames-mode #timeline-overview-grid,
63 .timeline-overview-frames-mode .overview-grid-cursor-area,
64 .timeline-overview-frames-mode .overview-grid-cursor-position {
65 display: none;
66 }
67
68 #timeline-overview-grid .resources-dividers-label-bar { 62 #timeline-overview-grid .resources-dividers-label-bar {
69 pointer-events: auto; 63 pointer-events: auto;
70 } 64 }
71 65
72 .timeline-overview-frames-mode .overview-grid-window,
73 .timeline-overview-frames-mode .overview-grid-dividers-background {
74 height: 100%;
75 }
76
77 #timeline-container { 66 #timeline-container {
78 border-right: 0 none transparent; 67 border-right: 0 none transparent;
79 overflow-y: scroll; 68 overflow-y: scroll;
80 overflow-x: hidden; 69 overflow-x: hidden;
81 } 70 }
82 71
83 .timeline-details-split { 72 .timeline-details-split {
84 flex: auto; 73 flex: auto;
85 } 74 }
86 75
(...skipping 225 matching lines...) Expand 10 before | Expand all | Expand 10 after
312 301
313 #timeline-overview-responsiveness { 302 #timeline-overview-responsiveness {
314 flex-basis: 6px; 303 flex-basis: 6px;
315 margin-top: 1px !important; 304 margin-top: 1px !important;
316 } 305 }
317 306
318 #timeline-overview-input { 307 #timeline-overview-input {
319 flex-basis: 6px; 308 flex-basis: 6px;
320 } 309 }
321 310
322 #timeline-overview-frames {
323 flex-basis: 100px;
324 }
325
326 #timeline-overview-pane { 311 #timeline-overview-pane {
327 flex: auto; 312 flex: auto;
328 position: relative; 313 position: relative;
329 overflow: hidden; 314 overflow: hidden;
330 } 315 }
331 316
332 #timeline-overview-container { 317 #timeline-overview-container {
333 display: flex; 318 display: flex;
334 flex-direction: column; 319 flex-direction: column;
335 flex: none; 320 flex: none;
336 position: relative; 321 position: relative;
337 overflow: hidden; 322 overflow: hidden;
338 } 323 }
339 324
340 #timeline-overview-container canvas { 325 #timeline-overview-container canvas {
341 width: 100%; 326 width: 100%;
342 height: 100%; 327 height: 100%;
343 } 328 }
344 329
345 #timeline-overview-frames canvas {
346 z-index: 200;
347 opacity: 0.8;
348 background-color: rgb(255, 255, 255);
349 }
350
351 #timeline-graphs { 330 #timeline-graphs {
352 position: absolute; 331 position: absolute;
353 left: 0; 332 left: 0;
354 right: 0; 333 right: 0;
355 max-height: 100%; 334 max-height: 100%;
356 top: 20px; 335 top: 20px;
357 } 336 }
358 337
359 .timeline-graph-side { 338 .timeline-graph-side {
360 position: relative; 339 position: relative;
(...skipping 688 matching lines...) Expand 10 before | Expand all | Expand 10 after
1049 float: right; 1028 float: right;
1050 height: 15px; 1029 height: 15px;
1051 background-color: hsla(43, 84%, 64%, 0.2); 1030 background-color: hsla(43, 84%, 64%, 0.2);
1052 border-bottom: 1px solid hsl(43, 84%, 64%); 1031 border-bottom: 1px solid hsl(43, 84%, 64%);
1053 } 1032 }
1054 1033
1055 .timeline-tree-view .data-grid .selected .background-bar { 1034 .timeline-tree-view .data-grid .selected .background-bar {
1056 background-color: rgba(255, 255, 255, 0.25); 1035 background-color: rgba(255, 255, 255, 0.25);
1057 border-bottom-color: transparent; 1036 border-bottom-color: transparent;
1058 } 1037 }
OLDNEW
« no previous file with comments | « Source/devtools/front_end/timeline/module.json ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698