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/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;
 }
 
 .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 {
-    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;
 }
 
 .resource-headers-view .outline-disclosure .header-name {
     color: rgb(33%, 33%, 33%);
     display: inline-block;
     margin-right: 0.5em;
     font-weight: bold;
     vertical-align: top;
     white-space: pre-wrap;
 }
 
 .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;
 }
 
 .resource-cookies-view {
     display: none;
     position: absolute;
     top: 0;
     right: 0;
@@ skipping 131 matching lines @@
 
 .panel.network .split-view {
     flex: auto;
     position: relative;
 }
 
 .network-filters-header {
     flex: 0 0 23px;
     padding-right: 4px;
 }