OLD | NEW |
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 Loading... |
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 Loading... |
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 Loading... |
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 } |
OLD | NEW |