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 |