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 position: absolute; | 31 flex: 0 0 81px; |
32 top: 0; | 32 position: relative; |
33 left: 0; | 33 border-bottom: 1px solid rgb(140, 140, 140); |
34 right: 0; | |
35 height: 80px; | |
36 } | 34 } |
37 | 35 |
38 #timeline-overview-panel .timeline-graph-bar { | 36 #timeline-overview-panel .timeline-graph-bar { |
39 pointer-events: none; | 37 pointer-events: none; |
40 } | 38 } |
41 | 39 |
42 .timeline .sidebar { | 40 .timeline .sidebar { |
43 overflow-y: hidden; | 41 overflow-y: hidden; |
44 min-height: 100%; | 42 min-height: 100%; |
45 bottom: auto !important; | 43 bottom: auto !important; |
46 } | 44 } |
47 | 45 |
48 .timeline.split-view-vertical .split-view-resizer { | |
49 top: 20px; | |
50 } | |
51 | |
52 #timeline-overview-separator { | |
53 position: absolute; | |
54 top: 80px; | |
55 left: 0; | |
56 right: 0; | |
57 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(253, 253, 253)
), to(rgb(213, 213, 213))); | |
58 border-top: 1px solid rgb(140, 140, 140); | |
59 border-bottom: 1px solid rgb(115, 115, 115); | |
60 height: 10px; | |
61 } | |
62 | |
63 #timeline-overview-sidebar { | 46 #timeline-overview-sidebar { |
64 position: absolute; | 47 position: absolute; |
65 width: 200px; | 48 width: 200px; |
66 top: 0; | 49 top: 0; |
67 bottom: 0; | 50 bottom: 0; |
68 left: 0; | 51 left: 0; |
69 padding-top: 2px; | |
70 background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(242, 242, 242)
), to(rgb(209, 209, 209))); | |
71 border-right: 1px solid rgb(163, 163, 163); | 52 border-right: 1px solid rgb(163, 163, 163); |
72 } | 53 } |
73 | 54 |
74 #timeline-overview-grid { | 55 #timeline-overview-grid { |
75 background-color: rgb(255, 255, 255); | 56 background-color: rgb(255, 255, 255); |
76 } | 57 } |
77 | 58 |
78 .timeline-frame-overview #timeline-overview-grid { | 59 .timeline-frame-overview #timeline-overview-grid { |
79 display: none; | 60 display: none; |
80 } | 61 } |
(...skipping 12 matching lines...) Expand all Loading... |
93 | 74 |
94 #timeline-overview-grid #resources-graphs { | 75 #timeline-overview-grid #resources-graphs { |
95 position: absolute; | 76 position: absolute; |
96 top: 0; | 77 top: 0; |
97 left: 0; | 78 left: 0; |
98 right: 0; | 79 right: 0; |
99 height: 80px; | 80 height: 80px; |
100 } | 81 } |
101 | 82 |
102 #timeline-container { | 83 #timeline-container { |
103 position: absolute; | |
104 top: 90px; | |
105 left: 0; | |
106 bottom: 0; | |
107 right: 0; | |
108 border-right: 0 none transparent; | 84 border-right: 0 none transparent; |
109 overflow-y: scroll; | 85 overflow-y: scroll; |
110 overflow-x: hidden; | 86 overflow-x: hidden; |
| 87 position: relative; |
| 88 flex: auto; |
111 } | 89 } |
112 | 90 |
113 #timeline-container .split-view-sidebar { | 91 #timeline-container .split-view-sidebar { |
114 z-index: 1; | 92 z-index: 1; |
115 } | 93 } |
116 | 94 |
117 #timeline-container .webkit-html-external-link, | 95 #timeline-container .webkit-html-external-link, |
118 #timeline-container .webkit-html-resource-link { | 96 #timeline-container .webkit-html-resource-link { |
119 color: inherit; | 97 color: inherit; |
120 } | 98 } |
121 | 99 |
122 .timeline-misc-status-bar-items { | 100 .status-bar-item.timeline-frame-statistics { |
123 right: 64px; | 101 pointer-events: none; |
124 } | 102 } |
125 | 103 |
126 .timeline-misc-status-bar-filters { | |
127 display: -webkit-flex; | |
128 -webkit-flex-orientation: row; | |
129 } | |
130 | |
131 .timeline-category-statusbar-item { | |
132 height: 24px; | |
133 line-height: 22px; | |
134 padding-left: 6px; | |
135 white-space: nowrap; | |
136 text-overflow: ellipsis; | |
137 text-shadow: white 0 1px 0; | |
138 overflow: hidden; | |
139 min-width: 20px; | |
140 -webkit-flex: auto 0 1; | |
141 } | |
142 | |
143 .timeline-category-statusbar-item, | |
144 .timeline-records-counter { | |
145 color: rgb(65, 65, 65); | |
146 } | |
147 | |
148 .timeline-category-checkbox { | |
149 width: 10px; | |
150 height: 10px; | |
151 margin: 0 3px 0 9px; | |
152 padding: 0; | |
153 border-radius: 2px; | |
154 border: solid 1px; | |
155 display: inline-block; | |
156 overflow: visible; | |
157 opacity: 0.8; | |
158 vertical-align: -1px; | |
159 } | |
160 | |
161 | |
162 .timeline-category-checkbox-check { | |
163 -webkit-appearance: none; | |
164 width: 11px; | |
165 height: 11px; | |
166 margin-top: -2px; | |
167 margin-left: 1px; | |
168 } | |
169 | |
170 .timeline-category-checkbox-checked { | |
171 background-image: url(Images/statusbarButtonGlyphs.png); | |
172 background-size: 320px 120px; | |
173 background-position: -129px -110px; | |
174 } | |
175 | |
176 @media (-webkit-min-device-pixel-ratio: 1.5) { | |
177 .timeline-category-checkbox-checked { | |
178 background-image: url(Images/statusbarButtonGlyphs2x.png); | |
179 } | |
180 } /* media */ | |
181 | |
182 .timeline-tree-item { | 104 .timeline-tree-item { |
183 height: 18px; | 105 height: 18px; |
184 line-height: 15px; | 106 line-height: 15px; |
185 padding-right: 5px; | 107 padding-right: 5px; |
186 padding-left: 5px; | 108 padding-left: 5px; |
187 padding-top: 2px; | 109 padding-top: 2px; |
188 white-space: nowrap; | 110 white-space: nowrap; |
189 text-overflow: ellipsis; | 111 text-overflow: ellipsis; |
190 overflow: hidden; | 112 overflow: hidden; |
191 } | 113 } |
(...skipping 184 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
376 position: relative; | 298 position: relative; |
377 top: 2px; | 299 top: 2px; |
378 width: 10px; | 300 width: 10px; |
379 border: solid 1px; | 301 border: solid 1px; |
380 } | 302 } |
381 | 303 |
382 .popover .timeline-aggregated-category.timeline-loading { | 304 .popover .timeline-aggregated-category.timeline-loading { |
383 margin-left: 0; | 305 margin-left: 0; |
384 } | 306 } |
385 | 307 |
| 308 .popover ul { |
| 309 margin: 0; |
| 310 padding: 0; |
| 311 list-style-type: none; |
| 312 } |
| 313 |
386 .garbage-collect-status-bar-item .glyph { | 314 .garbage-collect-status-bar-item .glyph { |
387 -webkit-mask-position: -128px -24px; | 315 -webkit-mask-position: -128px -24px; |
388 } | 316 } |
389 | 317 |
390 .glue-async-status-bar-item .glyph { | 318 .glue-async-status-bar-item .glyph { |
391 -webkit-mask-position: -128px -48px; | 319 -webkit-mask-position: -128px -48px; |
392 } | 320 } |
393 | 321 |
394 .glue-async-status-bar-item.toggled-on:disabled .glyph { | 322 .glue-async-status-bar-item.toggled-on:disabled .glyph { |
395 background-color: rgba(0, 0, 0, 0.75); | 323 background-color: rgba(0, 0, 0, 0.75); |
396 } | 324 } |
397 | 325 |
398 .timeline-frame-overview-status-bar-item.toggled-on .glyph { | 326 .timeline-frame-overview-status-bar-item.toggled-on .glyph { |
399 background-color: rgb(66, 129, 235) !important; | 327 background-color: rgb(66, 129, 235) !important; |
400 } | 328 } |
401 | 329 |
402 .timeline-records-stats, .storage-application-cache-status, .storage-application
-cache-connectivity { | |
403 text-shadow: white 0 1px 0; | |
404 } | |
405 | |
406 .timeline-records-stats { | |
407 margin-top: 3px; | |
408 margin-left: 6px; | |
409 -webkit-flex: 1; | |
410 } | |
411 | |
412 .timeline-records-stats-container { | |
413 display: inline-block; | |
414 border-left: 1px solid rgb(202, 202, 202); | |
415 height: 24px; | |
416 margin-left: 6px; | |
417 } | |
418 | |
419 .timeline-frames-stats { | 330 .timeline-frames-stats { |
420 pointer-events: auto; | 331 pointer-events: auto; |
421 text-decoration: underline; | 332 text-decoration: underline; |
422 cursor: pointer; | 333 cursor: pointer; |
423 } | 334 } |
424 | 335 |
425 #resources-container-content { | 336 #resources-container-content { |
426 overflow: visible; | 337 overflow: visible; |
427 min-height: 100%; | 338 min-height: 100%; |
428 } | 339 } |
(...skipping 20 matching lines...) Expand all Loading... |
449 position: absolute; | 360 position: absolute; |
450 top: 0; | 361 top: 0; |
451 bottom: 0; | 362 bottom: 0; |
452 right: 8px; | 363 right: 8px; |
453 left: 9px; | 364 left: 9px; |
454 } | 365 } |
455 | 366 |
456 #timeline-overview-sidebar .sidebar-tree-item { | 367 #timeline-overview-sidebar .sidebar-tree-item { |
457 line-height: 26px; | 368 line-height: 26px; |
458 height: 24px; | 369 height: 24px; |
| 370 margin-top: 0; |
| 371 border-top: none; |
459 } | 372 } |
460 | 373 |
461 #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle { | 374 #timeline-overview-sidebar .sidebar-tree-item .titles.no-subtitle { |
462 top: 5px; | 375 top: 5px; |
463 } | 376 } |
464 | 377 |
465 #timeline-overview-sidebar .icon { | 378 #timeline-overview-sidebar .icon { |
466 height: 24px; | 379 height: 24px; |
467 margin-top: -1px; | 380 margin-top: -1px; |
468 margin-left: 0; | 381 margin-left: 0; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
514 height: 5px; | 427 height: 5px; |
515 cursor: ns-resize; | 428 cursor: ns-resize; |
516 } | 429 } |
517 | 430 |
518 #memory-counters-graph { | 431 #memory-counters-graph { |
519 overflow: hidden; | 432 overflow: hidden; |
520 } | 433 } |
521 | 434 |
522 #memory-graphs-container { | 435 #memory-graphs-container { |
523 border-top: 1px solid #AAA; | 436 border-top: 1px solid #AAA; |
| 437 position: relative; |
| 438 flex: 0 0 auto; |
524 } | 439 } |
525 | 440 |
526 #memory-graphs-canvas-container { | 441 #memory-graphs-canvas-container { |
527 border-right: 1px solid #AAA; | 442 border-right: 1px solid #AAA; |
528 } | 443 } |
529 | 444 |
530 #memory-graphs-canvas-container.dom-counters .resources-dividers { | 445 #memory-graphs-canvas-container.dom-counters .resources-dividers { |
531 top: 15px; | 446 top: 15px; |
532 } | 447 } |
533 | 448 |
(...skipping 76 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
610 z-index: 350; | 525 z-index: 350; |
611 pointer-events: auto; | 526 pointer-events: auto; |
612 } | 527 } |
613 | 528 |
614 .timeline-frame-strip { | 529 .timeline-frame-strip { |
615 position: absolute; | 530 position: absolute; |
616 height: 19px; | 531 height: 19px; |
617 } | 532 } |
618 | 533 |
619 #timeline-grid-header { | 534 #timeline-grid-header { |
620 position: absolute; | |
621 left: 200px; | |
622 right: 0; | |
623 top: 90px; | |
624 bottom: 0; | |
625 pointer-events: none; | 535 pointer-events: none; |
626 } | 536 } |
627 | 537 |
628 .timeline-cpu-bars { | 538 .timeline-cpu-bars { |
629 position: absolute; | 539 position: absolute; |
630 top: 0; | 540 top: 0; |
631 height: 19px; | 541 height: 19px; |
632 z-index: 350; | 542 z-index: 350; |
633 width: 100%; | 543 width: 100%; |
634 overflow: hidden; | 544 overflow: hidden; |
(...skipping 45 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
680 } | 590 } |
681 | 591 |
682 .highlighted-timeline-record { | 592 .highlighted-timeline-record { |
683 -webkit-animation: "timeline_record_highlight" 2s 0s; | 593 -webkit-animation: "timeline_record_highlight" 2s 0s; |
684 } | 594 } |
685 | 595 |
686 @-webkit-keyframes timeline_record_highlight { | 596 @-webkit-keyframes timeline_record_highlight { |
687 from {background-color: rgba(255, 255, 120, 1); } | 597 from {background-color: rgba(255, 255, 120, 1); } |
688 to { background-color: rgba(255, 255, 120, 0); } | 598 to { background-color: rgba(255, 255, 120, 0); } |
689 } | 599 } |
| 600 |
| 601 .timeline-filters-header { |
| 602 flex: 0 0 23px; |
| 603 overflow: hidden; |
| 604 } |
OLD | NEW |