Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(70)

Side by Side Diff: third_party/WebKit/Source/devtools/front_end/network/networkLogView.css

Issue 2483853004: [Devtools] Renamed Network's Timeline to Waterfall (Closed)
Patch Set: [Devtools] Renamed Network's Timeline to Waterfall Created 4 years, 1 month ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch
OLDNEW
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
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
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 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698