| 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 65 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 76 display: none; | 76 display: none; |
| 77 } | 77 } |
| 78 | 78 |
| 79 .network-log-grid.data-grid.small td { | 79 .network-log-grid.data-grid.small td { |
| 80 height: 21px; | 80 height: 21px; |
| 81 } | 81 } |
| 82 | 82 |
| 83 .network-waterfall-header, .network-log-grid.data-grid th { | 83 .network-waterfall-header, .network-log-grid.data-grid th { |
| 84 border-bottom: 1px solid rgb(205, 205, 205); | 84 border-bottom: 1px solid rgb(205, 205, 205); |
| 85 border-left: 1px solid rgb(205, 205, 205); | 85 border-left: 1px solid rgb(205, 205, 205); |
| 86 } |
| 87 |
| 88 .network-log-grid.data-grid th { |
| 86 background: white; | 89 background: white; |
| 87 } | 90 } |
| 88 | 91 |
| 89 .network-waterfall-header, .network-log-grid.data-grid .header-container { | 92 .network-waterfall-header, .network-log-grid.data-grid .header-container { |
| 90 height: 31px; | 93 height: 31px; |
| 91 } | 94 } |
| 92 | 95 |
| 93 .network-log-grid.data-grid .data-container { | 96 .network-log-grid.data-grid .data-container { |
| 94 top: 31px; | 97 top: 31px; |
| 95 } | 98 } |
| (...skipping 246 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 342 text-align: center; | 345 text-align: center; |
| 343 line-height: 28px; | 346 line-height: 28px; |
| 344 } | 347 } |
| 345 | 348 |
| 346 .network-waterfall-header { | 349 .network-waterfall-header { |
| 347 position: absolute; | 350 position: absolute; |
| 348 border-left: 0px; | 351 border-left: 0px; |
| 349 width: 100%; | 352 width: 100%; |
| 350 display: table; | 353 display: table; |
| 351 z-index: 200; | 354 z-index: 200; |
| 352 background-color: transparent; | |
| 353 } | 355 } |
| 354 | 356 |
| 355 .network-waterfall-header:hover { | 357 .network-waterfall-header:hover { |
| 356 background-color: hsla(0, 0%, 10%, 0.1); | 358 background-color: hsla(0, 0%, 10%, 0.1); |
| 357 } | 359 } |
| 358 | 360 |
| 359 .network-waterfall-header div { | 361 .network-waterfall-header div { |
| 360 display: table-cell; | 362 display: table-cell; |
| 361 line-height: 14px; | 363 line-height: 14px; |
| 362 margin: auto 0px; | 364 margin: auto 0px; |
| 363 vertical-align: middle; | 365 vertical-align: middle; |
| 364 text-align: left; | 366 text-align: left; |
| 365 font-weight: normal; | 367 font-weight: normal; |
| 366 padding: 0px 4px; | 368 padding: 0px 4px; |
| 367 font-size: 11px; | 369 font-size: 11px; |
| 368 } | 370 } |
| 369 | 371 |
| 370 .network-waterfall-header:hover .sort-order-icon-container { | |
| 371 background-color: hsl(0, 0%, 90%); | |
| 372 } | |
| 373 | |
| 374 .network-waterfall-header .sort-order-icon-container { | 372 .network-waterfall-header .sort-order-icon-container { |
| 375 position: absolute; | 373 position: absolute; |
| 376 top: 1px; | 374 top: 1px; |
| 377 right: 0; | 375 right: 0; |
| 378 bottom: 1px; | 376 bottom: 1px; |
| 379 display: flex; | 377 display: flex; |
| 380 align-items: center; | 378 align-items: center; |
| 381 padding-left: 0px; | 379 padding-left: 0px; |
| 382 background-color: white; | |
| 383 } | 380 } |
| 384 | 381 |
| 385 .network-waterfall-header .sort-order-icon { | 382 .network-waterfall-header .sort-order-icon { |
| 386 margin-right: 4px; | 383 margin-right: 4px; |
| 387 background-image: url(Images/toolbarButtonGlyphs.png); | 384 background-image: url(Images/toolbarButtonGlyphs.png); |
| 388 background-size: 352px 168px; | 385 background-size: 352px 168px; |
| 389 opacity: 0.5; | 386 opacity: 0.5; |
| 390 width: 8px; | 387 width: 8px; |
| 391 height: 7px; | 388 height: 7px; |
| 392 display: none; | 389 display: none; |
| 393 } | 390 } |
| 394 | 391 |
| 395 .network-waterfall-header .sort-ascending.sort-order-icon { | 392 .network-waterfall-header .sort-ascending.sort-order-icon { |
| 396 display: block; | 393 display: block; |
| 397 background-position: -4px -111px; | 394 background-position: -4px -111px; |
| 398 } | 395 } |
| 399 | 396 |
| 400 .network-waterfall-header .sort-descending.sort-order-icon { | 397 .network-waterfall-header .sort-descending.sort-order-icon { |
| 401 display: block; | 398 display: block; |
| 402 background-position: -20px -99px; | 399 background-position: -20px -99px; |
| 403 } | 400 } |
| OLD | NEW |