| 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 |