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

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

Issue 2827843002: [Devtools] Network waterfall and grid rows feed bg color from same place (Closed)
Patch Set: changes Created 3 years, 8 months 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
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/network/NetworkWaterfallColumn.js ('k') | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
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 38 matching lines...) Expand 10 before | Expand all | Expand 10 after
49 } 49 }
50 50
51 .network-summary-bar > * { 51 .network-summary-bar > * {
52 flex: none; 52 flex: none;
53 } 53 }
54 54
55 .network-log-grid.data-grid table.data { 55 .network-log-grid.data-grid table.data {
56 background: transparent; 56 background: transparent;
57 } 57 }
58 58
59 .network-log-grid .odd {
60 background: #f5f5f5;
61 }
62
63 .network-log-grid .network-navigation-row,
64 .network-log-grid .network-navigation-row.odd {
65 background: #def;
66 }
67
68 .network-log-grid.data-grid td { 59 .network-log-grid.data-grid td {
69 height: 41px; 60 height: 41px;
70 border-left: 1px solid #e1e1e1; 61 border-left: 1px solid #e1e1e1;
71 vertical-align: middle; 62 vertical-align: middle;
72 } 63 }
73 64
74 .network-log-grid.data-grid .corner { 65 .network-log-grid.data-grid .corner {
75 display: none; 66 display: none;
76 } 67 }
77 68
(...skipping 21 matching lines...) Expand all
99 .network-waterfall-header.small, .network-log-grid.data-grid.small .header-conta iner { 90 .network-waterfall-header.small, .network-log-grid.data-grid.small .header-conta iner {
100 height: 27px; 91 height: 27px;
101 } 92 }
102 93
103 .network-log-grid.data-grid.small .data-container { 94 .network-log-grid.data-grid.small .data-container {
104 top: 27px; 95 top: 27px;
105 } 96 }
106 97
107 .network-log-grid.data-grid select { 98 .network-log-grid.data-grid select {
108 -webkit-appearance: none; 99 -webkit-appearance: none;
109 background-color: transparent;
110 border: none; 100 border: none;
111 width: 100%; 101 width: 100%;
112 color: inherit; 102 color: inherit;
113 } 103 }
114 104
115 .network-log-grid.data-grid .name-column { 105 .network-log-grid.data-grid .name-column {
116 cursor: pointer; 106 cursor: pointer;
117 } 107 }
118 108
119 .network-log-grid.data-grid .waterfall-column { 109 .network-log-grid.data-grid .waterfall-column {
(...skipping 188 matching lines...) Expand 10 before | Expand all | Expand 10 after
308 background-color: transparent; 298 background-color: transparent;
309 border: none; 299 border: none;
310 height: 30px; 300 height: 30px;
311 pointer-events: none; 301 pointer-events: none;
312 } 302 }
313 303
314 #network-container { 304 #network-container {
315 overflow: hidden; 305 overflow: hidden;
316 } 306 }
317 307
318 .network-log-grid.data-grid .data-container tr:not(.data-grid-filler-row):not(.s elected).hover {
319 background-color: #ebf2fc;
320 }
321
322 .network-log-grid .network-node-on-initiator-path {
323 background-color: hsla(120, 68%, 54%, 0.2) !important;
324 }
325
326 .network-log-grid .network-node-on-initiated-path {
327 background-color: hsla(0, 68%, 54%, 0.2) !important;
328 }
329
330 .network-status-pane { 308 .network-status-pane {
331 color: #777; 309 color: #777;
332 background-color: white; 310 background-color: white;
333 z-index: 500; 311 z-index: 500;
334 display: flex; 312 display: flex;
335 justify-content: center; 313 justify-content: center;
336 align-items: center; 314 align-items: center;
337 text-align: center; 315 text-align: center;
338 padding: 0 20px; 316 padding: 0 20px;
339 overflow: auto; 317 overflow: auto;
(...skipping 34 matching lines...) Expand 10 before | Expand all | Expand 10 after
374 bottom: 1px; 352 bottom: 1px;
375 display: flex; 353 display: flex;
376 align-items: center; 354 align-items: center;
377 } 355 }
378 356
379 .network-waterfall-header .sort-order-icon { 357 .network-waterfall-header .sort-order-icon {
380 align-items: center; 358 align-items: center;
381 margin-right: 4px; 359 margin-right: 4px;
382 margin-bottom: -2px; 360 margin-bottom: -2px;
383 } 361 }
OLDNEW
« no previous file with comments | « third_party/WebKit/Source/devtools/front_end/network/NetworkWaterfallColumn.js ('k') | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698