| OLD | NEW |
| 1 /* |
| 2 * Copyright (C) 2013 Google Inc. All rights reserved. |
| 3 * |
| 4 * Redistribution and use in source and binary forms, with or without |
| 5 * modification, are permitted provided that the following conditions are |
| 6 * met: |
| 7 * |
| 8 * * Redistributions of source code must retain the above copyright |
| 9 * notice, this list of conditions and the following disclaimer. |
| 10 * * Redistributions in binary form must reproduce the above |
| 11 * copyright notice, this list of conditions and the following disclaimer |
| 12 * in the documentation and/or other materials provided with the |
| 13 * distribution. |
| 14 * * Neither the name of Google Inc. nor the names of its |
| 15 * contributors may be used to endorse or promote products derived from |
| 16 * this software without specific prior written permission. |
| 17 * |
| 18 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS |
| 19 * "AS IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT |
| 20 * LIMITED TO, THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR |
| 21 * A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT |
| 22 * OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, |
| 23 * SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT |
| 24 * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, |
| 25 * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY |
| 26 * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT |
| 27 * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE |
| 28 * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. |
| 29 */ |
| 30 |
| 1 .network-log-grid.data-grid { | 31 .network-log-grid.data-grid { |
| 2 border: none; | 32 border: none; |
| 3 position: absolute; | 33 flex: 1 1; |
| 4 top: 0; | 34 } |
| 5 left: 0; | 35 |
| 6 right: 0; | 36 .network-summary-bar { |
| 7 bottom: 0; | 37 flex: 0 0 19px; |
| 38 padding-left: 5px; |
| 39 line-height: 18px; |
| 40 background-color: rgb(236, 236, 236); |
| 41 border-top: 1px solid #ccc; |
| 42 white-space: nowrap; |
| 43 text-overflow: ellipsis; |
| 44 overflow: hidden; |
| 45 } |
| 46 |
| 47 .network-summary-bar .warning-icon-small { |
| 48 margin-right: 6px; |
| 8 } | 49 } |
| 9 | 50 |
| 10 .network-log-grid.data-grid table.data { | 51 .network-log-grid.data-grid table.data { |
| 11 background-size: 1px 82px; | 52 background-size: 1px 82px; |
| 12 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); | 53 background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(
0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0
.05)), to(rgba(0, 0, 0, 0.05))); |
| 13 } | 54 } |
| 14 | 55 |
| 15 .network-log-grid.data-grid.small table.data { | 56 .network-log-grid.data-grid.small table.data { |
| 16 background-size: 1px 42px; | 57 background-size: 1px 42px; |
| 17 } | 58 } |
| 18 | 59 |
| 19 .network-log-grid.data-grid td { | 60 .network-log-grid.data-grid td { |
| 20 line-height: 17px; | 61 line-height: 17px; |
| 21 height: 41px; | 62 height: 41px; |
| 22 border-left: 1px solid rgb(210, 210, 210); | 63 border-left: 1px solid rgb(210, 210, 210); |
| 23 vertical-align: middle; | 64 vertical-align: middle; |
| 24 } | 65 } |
| 25 | 66 |
| 26 .network-log-grid.data-grid.small td { | 67 .network-log-grid.data-grid.small td { |
| 27 height: 21px; | 68 height: 21px; |
| 28 } | 69 } |
| 29 | 70 |
| 30 .network-log-grid.data-grid th { | 71 .network-log-grid.data-grid th { |
| 31 border-bottom: 1px solid rgb(64%, 64%, 64%); | 72 border-bottom: 1px solid rgb(205, 205, 205); |
| 73 border-left: 1px solid rgb(205, 205, 205); |
| 32 height: 30px; | 74 height: 30px; |
| 33 } | 75 } |
| 34 | 76 |
| 35 .network-log-grid.data-grid.small th { | 77 .network-log-grid.data-grid.small th { |
| 36 height: 22px; | 78 height: 22px; |
| 37 } | 79 } |
| 38 | 80 |
| 39 .network-log-grid.data-grid th, | 81 .network-log-grid.data-grid th, |
| 40 .network-log-grid.data-grid th.sort-descending, | 82 .network-log-grid.data-grid th.sort-descending, |
| 41 .network-log-grid.data-grid th.sort-ascending { | 83 .network-log-grid.data-grid th.sort-ascending { |
| 42 background: -webkit-gradient(linear, left top, left bottom, from(rgb(236, 23
6, 236)), to(rgb(217, 217, 217))); | 84 background: white; |
| 43 } | 85 } |
| 44 | 86 |
| 45 .network-log-grid.data-grid .data-container { | 87 .network-log-grid.data-grid .data-container { |
| 46 top: 31px; | 88 top: 31px; |
| 47 } | 89 } |
| 48 | 90 |
| 49 .network-log-grid.data-grid.small .data-container { | 91 .network-log-grid.data-grid.small .data-container { |
| 50 top: 23px; | 92 top: 23px; |
| 51 } | 93 } |
| 52 | 94 |
| (...skipping 120 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 173 } | 215 } |
| 174 | 216 |
| 175 .network-log-grid.data-grid .icon { | 217 .network-log-grid.data-grid .icon { |
| 176 float: left; | 218 float: left; |
| 177 width: 32px; | 219 width: 32px; |
| 178 height: 32px; | 220 height: 32px; |
| 179 margin-top: 1px; | 221 margin-top: 1px; |
| 180 margin-right: 3px; | 222 margin-right: 3px; |
| 181 } | 223 } |
| 182 | 224 |
| 225 .network-log-grid.data-grid th { |
| 226 border-bottom: 1px solid rgb(205,205,205) !important; |
| 227 } |
| 228 |
| 183 .network-log-grid.data-grid.small .icon { | 229 .network-log-grid.data-grid.small .icon { |
| 184 width: 16px; | 230 width: 16px; |
| 185 height: 16px; | 231 height: 16px; |
| 186 } | 232 } |
| 187 | 233 |
| 188 .network-log-grid.data-grid .image-network-icon-preview { | 234 .network-log-grid.data-grid .image-network-icon-preview { |
| 189 position: absolute; | 235 position: absolute; |
| 190 margin: auto; | 236 margin: auto; |
| 191 top: 3px; | 237 top: 3px; |
| 192 bottom: 4px; | 238 bottom: 4px; |
| (...skipping 268 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 461 .network-log-grid.data-grid table.data tr.revealed.network-item.filtered-out { | 507 .network-log-grid.data-grid table.data tr.revealed.network-item.filtered-out { |
| 462 display: none; | 508 display: none; |
| 463 } | 509 } |
| 464 | 510 |
| 465 /* Summary */ | 511 /* Summary */ |
| 466 | 512 |
| 467 .network-log-grid.data-grid tr.filler td { | 513 .network-log-grid.data-grid tr.filler td { |
| 468 padding-bottom: 20px !important; | 514 padding-bottom: 20px !important; |
| 469 } | 515 } |
| 470 | 516 |
| 471 .network-log-grid.data-grid .network-summary-bar { | |
| 472 position: absolute; | |
| 473 left: 0; | |
| 474 right: 0; | |
| 475 bottom: 0; | |
| 476 background-color: rgb(101, 111, 130); | |
| 477 } | |
| 478 | |
| 479 .network-log-grid.data-grid .network-summary-bar td { | |
| 480 color: white; | |
| 481 height: 20px !important; | |
| 482 border: none; | |
| 483 font-size: 110%; | |
| 484 padding: 0 0 0 8px; | |
| 485 white-space: pre; | |
| 486 overflow : hidden; | |
| 487 text-overflow : ellipsis; | |
| 488 } | |
| 489 | |
| 490 .network-log-grid.data-grid .network-summary-bar .warning-icon-small { | |
| 491 margin-right: 8px; | |
| 492 } | |
| 493 | |
| 494 #network-container { | 517 #network-container { |
| 495 position: absolute; | |
| 496 top: 0; | |
| 497 left: 0; | |
| 498 bottom: 0; | |
| 499 right: 0; | |
| 500 width: 100%; | |
| 501 height: 100%; | |
| 502 overflow-y: auto; | 518 overflow-y: auto; |
| 503 overflow-x: hidden; | 519 overflow-x: hidden; |
| 504 } | 520 } |
| 505 | 521 |
| 506 /* Brief mode peculiarities. */ | 522 /* Brief mode peculiarities. */ |
| 507 #network-container.brief-mode .network-timeline-grid { | 523 #network-container.brief-mode .network-timeline-grid { |
| 508 display: none; | 524 display: none; |
| 509 } | 525 } |
| 510 | 526 |
| 511 #network-container.brief-mode td, | 527 #network-container.brief-mode td, |
| (...skipping 10 matching lines...) Expand all Loading... |
| 522 } | 538 } |
| 523 | 539 |
| 524 #network-container:not(.brief-mode) .data-grid tr.selected { | 540 #network-container:not(.brief-mode) .data-grid tr.selected { |
| 525 background-color: transparent; | 541 background-color: transparent; |
| 526 color: #222; | 542 color: #222; |
| 527 } | 543 } |
| 528 | 544 |
| 529 #network-container.brief-mode .data-grid .data-container { | 545 #network-container.brief-mode .data-grid .data-container { |
| 530 padding-right: 0; | 546 padding-right: 0; |
| 531 } | 547 } |
| OLD | NEW |