DevTools: [Workspace] show network files in navigator

third_party/WebKit/Source/devtools/front_end/sources/navigatorView.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 28 matching lines @@
 .icon {
     -webkit-mask-image: url(Images/toolbarButtonGlyphs_2x.png);
 }
 } /* media */
 
 .navigator-file-tree-item .icon {
     -webkit-mask-position: -224px -72px;
     background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%));
 }
 
+.navigator-fs-tree-item,

[dgozman, 2016/09/27 17:08:47]

.navigator-fs-tree-item:not(.has-mapped-files)

[lushnikov, 2016/09/27 21:29:13]

Done.

+.navigator-fs-folder-tree-item {
+    filter: grayscale(50%);
+    opacity: 0.5;
+}
+
+.navigator-fs-tree-item.has-mapped-files,
+.navigator-fs-folder-tree-item.has-mapped-files {
+    filter: unset;
+    opacity: 1;
+}
+
+.mapped-file-bubble {
+    color: green;
+    margin-left: 2px;
+}
+
 :focus .navigator-file-tree-item.selected .icon {
     background: white !important;
 }
 
 :focus .navigator-folder-tree-item.selected .icon {
     background: white !important;
 }
 
 .tree-outline li {
     min-height: 20px;
@@ skipping 39 matching lines @@
 .navigator-image-tree-item .icon,
 .navigator-font-tree-item .icon {
     background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%));
 }
 
 .navigator-sm-folder-tree-item .tree-element-title,
 .navigator-sm-script-tree-item .tree-element-title,
 .navigator-sm-stylesheet-tree-item .tree-element-title {
     font-style: italic;
 }