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

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

Issue 2520003006: [Devtools] Fix hover issue with darktheme in network (Closed)
Patch Set: [Devtools] Fix hover issue with darktheme in network Created 4 years 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 65 matching lines...) Expand 10 before | Expand all | Expand 10 after
76 display: none; 76 display: none;
77 } 77 }
78 78
79 .network-log-grid.data-grid.small td { 79 .network-log-grid.data-grid.small td {
80 height: 21px; 80 height: 21px;
81 } 81 }
82 82
83 .network-waterfall-header, .network-log-grid.data-grid th { 83 .network-waterfall-header, .network-log-grid.data-grid th {
84 border-bottom: 1px solid rgb(205, 205, 205); 84 border-bottom: 1px solid rgb(205, 205, 205);
85 border-left: 1px solid rgb(205, 205, 205); 85 border-left: 1px solid rgb(205, 205, 205);
86 }
87
88 .network-log-grid.data-grid th {
86 background: white; 89 background: white;
87 } 90 }
88 91
89 .network-waterfall-header, .network-log-grid.data-grid .header-container { 92 .network-waterfall-header, .network-log-grid.data-grid .header-container {
90 height: 31px; 93 height: 31px;
91 } 94 }
92 95
93 .network-log-grid.data-grid .data-container { 96 .network-log-grid.data-grid .data-container {
94 top: 31px; 97 top: 31px;
95 } 98 }
(...skipping 246 matching lines...) Expand 10 before | Expand all | Expand 10 after
342 text-align: center; 345 text-align: center;
343 line-height: 28px; 346 line-height: 28px;
344 } 347 }
345 348
346 .network-waterfall-header { 349 .network-waterfall-header {
347 position: absolute; 350 position: absolute;
348 border-left: 0px; 351 border-left: 0px;
349 width: 100%; 352 width: 100%;
350 display: table; 353 display: table;
351 z-index: 200; 354 z-index: 200;
352 background-color: transparent;
353 } 355 }
354 356
355 .network-waterfall-header:hover { 357 .network-waterfall-header:hover {
356 background-color: hsla(0, 0%, 10%, 0.1); 358 background-color: hsla(0, 0%, 10%, 0.1);
357 } 359 }
358 360
359 .network-waterfall-header div { 361 .network-waterfall-header div {
360 display: table-cell; 362 display: table-cell;
361 line-height: 14px; 363 line-height: 14px;
362 margin: auto 0px; 364 margin: auto 0px;
363 vertical-align: middle; 365 vertical-align: middle;
364 text-align: left; 366 text-align: left;
365 font-weight: normal; 367 font-weight: normal;
366 padding: 0px 4px; 368 padding: 0px 4px;
367 font-size: 11px; 369 font-size: 11px;
368 } 370 }
369 371
370 .network-waterfall-header:hover .sort-order-icon-container {
371 background-color: hsl(0, 0%, 90%);
372 }
373
374 .network-waterfall-header .sort-order-icon-container { 372 .network-waterfall-header .sort-order-icon-container {
375 position: absolute; 373 position: absolute;
376 top: 1px; 374 top: 1px;
377 right: 0; 375 right: 0;
378 bottom: 1px; 376 bottom: 1px;
379 display: flex; 377 display: flex;
380 align-items: center; 378 align-items: center;
381 padding-left: 0px; 379 padding-left: 0px;
382 background-color: white;
383 } 380 }
384 381
385 .network-waterfall-header .sort-order-icon { 382 .network-waterfall-header .sort-order-icon {
386 margin-right: 4px; 383 margin-right: 4px;
387 background-image: url(Images/toolbarButtonGlyphs.png); 384 background-image: url(Images/toolbarButtonGlyphs.png);
388 background-size: 352px 168px; 385 background-size: 352px 168px;
389 opacity: 0.5; 386 opacity: 0.5;
390 width: 8px; 387 width: 8px;
391 height: 7px; 388 height: 7px;
392 display: none; 389 display: none;
393 } 390 }
394 391
395 .network-waterfall-header .sort-ascending.sort-order-icon { 392 .network-waterfall-header .sort-ascending.sort-order-icon {
396 display: block; 393 display: block;
397 background-position: -4px -111px; 394 background-position: -4px -111px;
398 } 395 }
399 396
400 .network-waterfall-header .sort-descending.sort-order-icon { 397 .network-waterfall-header .sort-descending.sort-order-icon {
401 display: block; 398 display: block;
402 background-position: -20px -99px; 399 background-position: -20px -99px;
403 } 400 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698