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