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

Source/devtools/front_end/networkPanel.css

Index: Source/devtools/front_end/networkPanel.css
diff --git a/Source/devtools/front_end/networkPanel.css b/Source/devtools/front_end/networkPanel.css
index 3a4e36bbb63d479facca04b00e3f18857a5ad117..d05003c841490422569f4a15d1dec2b8fa8dbfd8 100644
--- a/Source/devtools/front_end/networkPanel.css
+++ b/Source/devtools/front_end/networkPanel.css
@@ -108,6 +108,12 @@
     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/06/02 14:49:27]

I don't think we need this.
This makes text unreadable.
I think (from cache) in status line is enough.
We could probably make the status line gray instead.

[eustas, 2014/06/03 05:56:42]

Done.

+}
+
 .resource-headers-view.visible {
     display: block;
 }
@@ -139,10 +145,6 @@
     display: none;
 }
 
-.resource-headers-view .outline-disclosure li .status-from-cache {
-    color: gray;
-}
-
 .resource-headers-view .outline-disclosure li.expanded .header-toggle {
     display: inline;
     margin-left: 30px;
@@ -166,7 +168,7 @@
 
 .resource-headers-view .outline-disclosure .header-value {
     display: inline;
-    margin-right: 100px;
+    margin-right: 1em;
     white-space: pre-wrap;
     word-break: break-all;
     margin-top: 1px;