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

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

Issue 710743005: DevTools: NetworkPanel: Fix timing bars alignment. (Closed) Base URL: https://chromium.googlesource.com/chromium/blink.git@master
Patch Set: Created 6 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
« no previous file with comments | « no previous file | 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 88 matching lines...) Expand 10 before | Expand all | Expand 10 after
99 99
100 .network-log-grid.data-grid .name-column { 100 .network-log-grid.data-grid .name-column {
101 cursor: pointer; 101 cursor: pointer;
102 } 102 }
103 103
104 #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:h over { 104 #network-container:not(.brief-mode) .network-log-grid.data-grid td.name-column:h over {
105 text-decoration: underline; 105 text-decoration: underline;
106 } 106 }
107 107
108 .network-log-grid.data-grid.small .network-graph-side { 108 .network-log-grid.data-grid.small .network-graph-side {
109 height: 14px; 109 height: 19px;
110 } 110 }
111 111
112 .network-log-grid.data-grid th.sortable:active { 112 .network-log-grid.data-grid th.sortable:active {
113 background-image: none !important; 113 background-image: none !important;
114 } 114 }
115 115
116 .network-cell-subtitle { 116 .network-cell-subtitle {
117 font-weight: normal; 117 font-weight: normal;
118 color: gray; 118 color: gray;
119 } 119 }
(...skipping 131 matching lines...) Expand 10 before | Expand all | Expand 10 after
251 251
252 .network-async-trace-description { 252 .network-async-trace-description {
253 padding: 3px 0 1px 0; 253 padding: 3px 0 1px 0;
254 font-style: italic; 254 font-style: italic;
255 } 255 }
256 256
257 /* Graph styles */ 257 /* Graph styles */
258 258
259 .network-graph-side { 259 .network-graph-side {
260 position: relative; 260 position: relative;
261 height: 36px; 261 height: 39px;
262 padding: 0; 262 padding: 0;
263 white-space: nowrap; 263 white-space: nowrap;
264 margin-top: 1px;
265 border-top: 1px solid transparent;
266 overflow: hidden; 264 overflow: hidden;
267 } 265 }
268 266
269 .network-graph-bar-area { 267 .network-graph-bar-area {
270 position: absolute; 268 position: absolute;
271 top: 0; 269 top: 0;
272 bottom: 0; 270 bottom: 0;
273 } 271 }
274 272
275 .network-graph-bar-area, 273 .network-graph-bar-area,
(...skipping 51 matching lines...) Expand 10 before | Expand all | Expand 10 after
327 text-align: left; 325 text-align: left;
328 margin-left: -1px; 326 margin-left: -1px;
329 } 327 }
330 328
331 .network-graph-label.after::before { 329 .network-graph-label.after::before {
332 padding-right: 2px; 330 padding-right: 2px;
333 height: 6px; 331 height: 6px;
334 content: url(Images/graphLabelCalloutRight.png); 332 content: url(Images/graphLabelCalloutRight.png);
335 } 333 }
336 334
335 .small .network-graph-bar {
336 top: 3px;
337 bottom: 3px;
338 }
339
337 .network-graph-bar { 340 .network-graph-bar {
338 position: absolute; 341 position: absolute;
339 top: 0; 342 top: 13px;
340 bottom: 0; 343 bottom: 13px;
341 margin: auto -1px; 344 margin-left: -1px;
342 height: 12px;
343 min-width: 2px; 345 min-width: 2px;
344 border-width: 1px; 346 border-width: 1px;
345 border-style: solid; 347 border-style: solid;
346 border-color: hsl(0, 0%, 60%); 348 border-color: hsl(0, 0%, 60%);
347 background: linear-gradient(0deg, hsl(0, 0%, 65%), hsl(0, 0%, 80%)); 349 background: linear-gradient(0deg, hsl(0, 0%, 65%), hsl(0, 0%, 80%));
348 } 350 }
349 351
350 .network-graph-bar.waiting { 352 .network-graph-bar.waiting {
351 opacity: 0.5; 353 opacity: 0.5;
352 } 354 }
(...skipping 172 matching lines...) Expand 10 before | Expand all | Expand 10 after
525 527
526 #network-container { 528 #network-container {
527 overflow-y: auto; 529 overflow-y: auto;
528 overflow-x: hidden; 530 overflow-x: hidden;
529 } 531 }
530 532
531 /* Brief mode peculiarities. */ 533 /* Brief mode peculiarities. */
532 #network-container.brief-mode .network-timeline-grid { 534 #network-container.brief-mode .network-timeline-grid {
533 display: none; 535 display: none;
534 } 536 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698