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 10 matching lines...) Expand all Loading... | |
21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY | 21 * DISCLAIMED. IN NO EVENT SHALL APPLE OR ITS CONTRIBUTORS BE LIABLE FOR ANY |
22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES | 22 * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES |
23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; | 23 * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; |
24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND | 24 * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND |
25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT | 25 * ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF | 26 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF |
27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. | 27 * THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
28 */ | 28 */ |
29 | 29 |
30 #timeline-overview-panel { | 30 #timeline-overview-panel { |
31 flex: 0 0 81px; | 31 flex: 0 0 91px; |
pfeldman
2013/11/05 14:19:30
keep it 81
| |
32 position: relative; | 32 position: relative; |
33 border-bottom: 1px solid rgb(140, 140, 140); | 33 border-bottom: 1px solid rgb(140, 140, 140); |
34 } | 34 } |
35 | 35 |
36 #timeline-overview-panel .timeline-graph-bar { | 36 #timeline-overview-panel .timeline-graph-bar { |
37 pointer-events: none; | 37 pointer-events: none; |
38 } | 38 } |
39 | 39 |
40 .timeline .sidebar { | 40 .timeline .sidebar { |
41 overflow-y: hidden; | 41 overflow-y: hidden; |
(...skipping 15 matching lines...) Expand all Loading... | |
57 } | 57 } |
58 | 58 |
59 .timeline-frame-overview #timeline-overview-grid { | 59 .timeline-frame-overview #timeline-overview-grid { |
60 display: none; | 60 display: none; |
61 } | 61 } |
62 | 62 |
63 #timeline-overview-grid .resources-dividers-label-bar { | 63 #timeline-overview-grid .resources-dividers-label-bar { |
64 pointer-events: auto; | 64 pointer-events: auto; |
65 } | 65 } |
66 | 66 |
67 .timeline-frame-overview .overview-grid-window { | 67 .timeline-frame-overview .overview-grid-window, |
68 height: 80px; | |
69 } | |
70 | |
71 .timeline-frame-overview .overview-grid-dividers-background { | 68 .timeline-frame-overview .overview-grid-dividers-background { |
72 height: 80px; | 69 height: 100%; |
73 } | 70 } |
74 | 71 |
75 #timeline-overview-grid #resources-graphs { | 72 #timeline-overview-grid #resources-graphs { |
76 position: absolute; | 73 position: absolute; |
77 top: 0; | 74 top: 0; |
78 left: 0; | 75 left: 0; |
79 right: 0; | 76 right: 0; |
80 height: 80px; | 77 height: 80px; |
81 } | 78 } |
82 | 79 |
(...skipping 274 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
357 } | 354 } |
358 | 355 |
359 .resources-graph-bar-area { | 356 .resources-graph-bar-area { |
360 position: absolute; | 357 position: absolute; |
361 top: 0; | 358 top: 0; |
362 bottom: 0; | 359 bottom: 0; |
363 right: 8px; | 360 right: 8px; |
364 left: 9px; | 361 left: 9px; |
365 } | 362 } |
366 | 363 |
364 #timeline-overview-sidebar .sidebar-tree { | |
365 height: 100%; | |
366 } | |
367 | |
367 #timeline-overview-sidebar .sidebar-tree-item { | 368 #timeline-overview-sidebar .sidebar-tree-item { |
368 line-height: 26px; | 369 height: auto; |
369 height: 24px; | 370 flex: auto; |
370 margin-top: 0; | 371 margin-top: 0; |
371 border-top: none; | 372 border-top: none; |
373 display: flex; | |
374 align-items: center; | |
372 } | 375 } |
373 | 376 |
374 #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle { | 377 #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle { |
375 top: 5px; | 378 top: initial; |
376 } | 379 } |
377 | 380 |
378 #timeline-overview-sidebar .icon { | 381 #timeline-overview-sidebar .icon { |
379 height: 24px; | 382 height: 24px; |
380 margin-top: -1px; | 383 margin: 0; |
381 margin-left: 0; | |
382 margin-right: 0; | |
383 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); | 384 -webkit-mask-image: url(Images/statusbarButtonGlyphs.png); |
384 -webkit-mask-size: 320px 120px; | 385 -webkit-mask-size: 320px 120px; |
385 background-color: black; | 386 background-color: black; |
386 } | 387 } |
387 | 388 |
388 @media (-webkit-min-device-pixel-ratio: 1.5) { | 389 @media (-webkit-min-device-pixel-ratio: 1.5) { |
389 #timeline-overview-sidebar .icon { | 390 #timeline-overview-sidebar .icon { |
390 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); | 391 -webkit-mask-image: url(Images/statusbarButtonGlyphs2x.png); |
391 } | 392 } |
392 } /* media */ | 393 } /* media */ |
(...skipping 202 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... | |
595 | 596 |
596 @-webkit-keyframes timeline_record_highlight { | 597 @-webkit-keyframes timeline_record_highlight { |
597 from {background-color: rgba(255, 255, 120, 1); } | 598 from {background-color: rgba(255, 255, 120, 1); } |
598 to { background-color: rgba(255, 255, 120, 0); } | 599 to { background-color: rgba(255, 255, 120, 0); } |
599 } | 600 } |
600 | 601 |
601 .timeline-filters-header { | 602 .timeline-filters-header { |
602 flex: 0 0 23px; | 603 flex: 0 0 23px; |
603 overflow: hidden; | 604 overflow: hidden; |
604 } | 605 } |
OLD | NEW |