DevTools: show HTTP headers of cached resources in network panel.

Source/devtools/front_end/networkPanel.css

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Anthony Ricaud <rik@webkit.org>
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 90 matching lines @@
     margin: 6px;
     -webkit-user-select: text;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     bottom: 0;
     overflow: auto;
 }
 
+.resource-headers-view.cached,
+.resource-headers-view.cached .outline-disclosure .header-name,
+.resource-headers-view.cached .outline-disclosure .header-value {
+    color: #888;

[vsevik, 2014/05/28 17:34:44]

Could you please provide a screenshot for this UI change?

[eustas, 2014/05/29 09:01:33]

http://picpaste.com/RaGXNCAZ.png

+}
+
 .resource-headers-view.visible {
     display: block;
 }
 
 .resource-headers-view .outline-disclosure .parent {
     -webkit-user-select: none;
     font-weight: bold;
 }
 
 .resource-headers-view .outline-disclosure .parent .section * {
@@ skipping 11 matching lines @@
 }
 
 .resource-headers-view .outline-disclosure li.expanded .header-count {
     display: none;
 }
 
 .resource-headers-view .outline-disclosure li .header-toggle {
     display: none;
 }
 
-.resource-headers-view .outline-disclosure li .status-from-cache {

[vsevik, 2014/05/28 17:34:44]

This stile is still used in RequestHeadersView

[eustas, 2014/05/29 09:01:33]

Done.

-    color: gray;
-}
-
 .resource-headers-view .outline-disclosure li.expanded .header-toggle {
     display: inline;
     margin-left: 30px;
     font-weight: normal;
     color: rgb(45%, 45%, 45%);
 }
 
 .resource-headers-view .outline-disclosure li .header-toggle:hover {
     color: rgb(20%, 20%, 45%);
     cursor: pointer;
@@ skipping 155 matching lines @@
 
 .panel.network .split-view {
     flex: auto;
     position: relative;
 }
 
 .network-filters-header {
     flex: 0 0 23px;
     padding-right: 4px;
 }