| OLD | NEW |
| 1 /* | 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. | 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * | 3 * |
| 4 * Redistribution and use in source and binary forms, with or without | 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are | 5 * modification, are permitted provided that the following conditions are |
| 6 * met: | 6 * met: |
| 7 * | 7 * |
| 8 * * Redistributions of source code must retain the above copyright | 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. | 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above | 10 * * Redistributions in binary form must reproduce the above |
| (...skipping 58 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 69 line-height: 17px; | 69 line-height: 17px; |
| 70 height: 41px; | 70 height: 41px; |
| 71 border-left: 1px solid #e1e1e1; | 71 border-left: 1px solid #e1e1e1; |
| 72 vertical-align: middle; | 72 vertical-align: middle; |
| 73 } | 73 } |
| 74 | 74 |
| 75 .network-log-grid.data-grid.small td { | 75 .network-log-grid.data-grid.small td { |
| 76 height: 21px; | 76 height: 21px; |
| 77 } | 77 } |
| 78 | 78 |
| 79 .network-timeline-header, .network-log-grid.data-grid th { | 79 .network-waterfall-header, .network-log-grid.data-grid th { |
| 80 border-bottom: 1px solid rgb(205, 205, 205); | 80 border-bottom: 1px solid rgb(205, 205, 205); |
| 81 border-left: 1px solid rgb(205, 205, 205); | 81 border-left: 1px solid rgb(205, 205, 205); |
| 82 background: white; | 82 background: white; |
| 83 } | 83 } |
| 84 | 84 |
| 85 .network-timeline-header, .network-log-grid.data-grid .header-container { | 85 .network-waterfall-header, .network-log-grid.data-grid .header-container { |
| 86 height: 31px; | 86 height: 31px; |
| 87 } | 87 } |
| 88 | 88 |
| 89 .network-log-grid.data-grid .data-container { | 89 .network-log-grid.data-grid .data-container { |
| 90 top: 31px; | 90 top: 31px; |
| 91 } | 91 } |
| 92 | 92 |
| 93 .network-timeline-header.small, .network-log-grid.data-grid.small .header-contai
ner { | 93 .network-waterfall-header.small, .network-log-grid.data-grid.small .header-conta
iner { |
| 94 height: 27px; | 94 height: 27px; |
| 95 } | 95 } |
| 96 | 96 |
| 97 .network-log-grid.data-grid.small .data-container { | 97 .network-log-grid.data-grid.small .data-container { |
| 98 top: 27px; | 98 top: 27px; |
| 99 } | 99 } |
| 100 | 100 |
| 101 .network-log-grid.data-grid select { | 101 .network-log-grid.data-grid select { |
| 102 -webkit-appearance: none; | 102 -webkit-appearance: none; |
| 103 background-color: transparent; | 103 background-color: transparent; |
| 104 border: none; | 104 border: none; |
| 105 width: 100%; | 105 width: 100%; |
| 106 color: inherit; | 106 color: inherit; |
| 107 } | 107 } |
| 108 | 108 |
| 109 .network-log-grid.data-grid .name-column { | 109 .network-log-grid.data-grid .name-column { |
| 110 cursor: pointer; | 110 cursor: pointer; |
| 111 } | 111 } |
| 112 | 112 |
| 113 .network-log-grid.data-grid .timeline-column { | 113 .network-log-grid.data-grid .waterfall-column { |
| 114 padding: 1px 0; | 114 padding: 1px 0; |
| 115 } | 115 } |
| 116 | 116 |
| 117 .network-log-grid.data-grid .timeline-column .sort-order-icon-container { | 117 .network-log-grid.data-grid .waterfall-column .sort-order-icon-container { |
| 118 right: 15px; | 118 right: 15px; |
| 119 pointer-events: none; | 119 pointer-events: none; |
| 120 } | 120 } |
| 121 | 121 |
| 122 #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:h
over { | 122 #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:h
over { |
| 123 text-decoration: underline; | 123 text-decoration: underline; |
| 124 } | 124 } |
| 125 | 125 |
| 126 .network-log-grid.data-grid th.sortable:active { | 126 .network-log-grid.data-grid th.sortable:active { |
| 127 background-image: none !important; | 127 background-image: none !important; |
| (...skipping 204 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 332 padding: 0 20px; | 332 padding: 0 20px; |
| 333 overflow: auto; | 333 overflow: auto; |
| 334 } | 334 } |
| 335 | 335 |
| 336 .network-status-pane > .recording-hint { | 336 .network-status-pane > .recording-hint { |
| 337 font-size: 14px; | 337 font-size: 14px; |
| 338 text-align: center; | 338 text-align: center; |
| 339 line-height: 28px; | 339 line-height: 28px; |
| 340 } | 340 } |
| 341 | 341 |
| 342 .network-timeline-header { | 342 .network-waterfall-header { |
| 343 position: absolute; | 343 position: absolute; |
| 344 border-left: 0px; | 344 border-left: 0px; |
| 345 width: 100%; | 345 width: 100%; |
| 346 display: table; | 346 display: table; |
| 347 z-index: 200; | 347 z-index: 200; |
| 348 background-color: transparent; | 348 background-color: transparent; |
| 349 } | 349 } |
| 350 | 350 |
| 351 .network-timeline-header:hover { | 351 .network-waterfall-header:hover { |
| 352 background-color:hsla(0, 0%, 80%, .5); | 352 background-color:hsla(0, 0%, 80%, .5); |
| 353 } | 353 } |
| 354 | 354 |
| 355 .network-timeline-header div { | 355 .network-waterfall-header div { |
| 356 display: table-cell; | 356 display: table-cell; |
| 357 line-height: 14px; | 357 line-height: 14px; |
| 358 margin: auto 0px; | 358 margin: auto 0px; |
| 359 vertical-align: middle; | 359 vertical-align: middle; |
| 360 text-align: left; | 360 text-align: left; |
| 361 font-weight: normal; | 361 font-weight: normal; |
| 362 padding: 0px 4px; | 362 padding: 0px 4px; |
| 363 font-size: 11px; | 363 font-size: 11px; |
| 364 } | 364 } |
| 365 | 365 |
| 366 .network-timeline-header .sort-order-icon-container { | 366 .network-waterfall-header .sort-order-icon-container { |
| 367 position: absolute; | 367 position: absolute; |
| 368 top: 1px; | 368 top: 1px; |
| 369 right: 0; | 369 right: 0; |
| 370 bottom: 1px; | 370 bottom: 1px; |
| 371 display: flex; | 371 display: flex; |
| 372 align-items: center; | 372 align-items: center; |
| 373 } | 373 } |
| 374 | 374 |
| 375 .network-timeline-header .sort-order-icon { | 375 .network-waterfall-header .sort-order-icon { |
| 376 margin-right: 4px; | 376 margin-right: 4px; |
| 377 background-image: url(Images/toolbarButtonGlyphs.png); | 377 background-image: url(Images/toolbarButtonGlyphs.png); |
| 378 background-size: 352px 168px; | 378 background-size: 352px 168px; |
| 379 opacity: 0.5; | 379 opacity: 0.5; |
| 380 width: 8px; | 380 width: 8px; |
| 381 height: 7px; | 381 height: 7px; |
| 382 display: none; | 382 display: none; |
| 383 } | 383 } |
| 384 | 384 |
| 385 .network-timeline-header .sort-ascending.sort-order-icon { | 385 .network-waterfall-header .sort-ascending.sort-order-icon { |
| 386 display: block; | 386 display: block; |
| 387 background-position: -4px -111px; | 387 background-position: -4px -111px; |
| 388 } | 388 } |
| 389 | 389 |
| 390 .network-timeline-header .sort-descending.sort-order-icon { | 390 .network-waterfall-header .sort-descending.sort-order-icon { |
| 391 display: block; | 391 display: block; |
| 392 background-position: -20px -99px; | 392 background-position: -20px -99px; |
| 393 } | 393 } |
| OLD | NEW |