Updated icons in Resources/Application panel

third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css

Index: third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css
diff --git a/third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css b/third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css
index 7c59693ba3954fce44356ba9a8e7d128e8b93758..ad3edbcb830d5172eb3db1393b188999f877ad34 100644
--- a/third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css
+++ b/third_party/WebKit/Source/devtools/front_end/resources/resourcesSidebar.css
@@ -55,11 +55,9 @@ li.storage-group-list-item::before {
     background: linear-gradient(45deg, hsl(0, 0%, 50%), hsl(0, 0%, 70%));
 }
 
-:focus .navigator-file-tree-item.selected .icon {
-    background: white !important;
-}
-
-:focus .navigator-folder-tree-item.selected .icon {
+:focus .navigator-file-tree-item.selected .icon,
+:focus .navigator-folder-tree-item.selected .icon,
+:focus .navigator-frame-tree-item.selected .icon {
     background: white !important;
 }
 
@@ -74,6 +72,7 @@ li.storage-group-list-item::before {
 
 .navigator-frame-tree-item .icon {
     -webkit-mask-position: -256px -144px;
+    background-color: #5a5a5a;
 }
 
 .navigator-script-tree-item .icon {
@@ -89,6 +88,31 @@ li.storage-group-list-item::before {
     background: linear-gradient(45deg, hsl(109, 33%, 50%), hsl(109, 33%, 70%));
 }
 
+.resource-tree-item .icon {
+    -webkit-mask: url(Images/resourceGlyphs.png) no-repeat 0 0;
+    -webkit-mask-size: 140px 20px;
+    background: rgba(90, 90, 90, .7);
+}
+
+@media (-webkit-min-device-pixel-ratio: 1.5) {
+.resource-tree-item .icon {
+    -webkit-mask-image: url(Images/resourceGlyphs_2x.png);
+}
+} /* media */
+
+:focus .resource-tree-item.selected .icon {
+    background: #fff !important;

[pfeldman, 2016/05/18 05:36:50]

white for consistency.

[chowse, 2016/05/18 17:17:42]

Done.

+}
+
+.database-tree-item .icon {
+    -webkit-mask-position: -60px 0;
+}
+
+.table-tree-item .icon {
+    -webkit-mask-position: -80px 0;
+}
+
+/*

[pfeldman, 2016/05/18 05:36:50]

We don't land comments.

[chowse, 2016/05/18 17:17:42]

Done.

 .database-storage-tree-item .icon {
     content: url(Images/database.png);
 }
@@ -120,7 +144,7 @@ li.storage-group-list-item::before {
 .service-workers-tree-item .icon {
     content: url(Images/serviceWorker.svg);
 }
-
+*/
 :focus .service-workers-tree-item.selected .icon {
     -webkit-filter: invert();
 }
@@ -129,7 +153,7 @@ li.storage-group-list-item::before {
 {
     -webkit-filter: invert(70%);
 }
-
+/*
 .domstorage-storage-tree-item.local-storage .icon {
     content: url(Images/localStorage.png);
 }
@@ -137,10 +161,19 @@ li.storage-group-list-item::before {
 .domstorage-storage-tree-item.session-storage .icon {
     content: url(Images/sessionStorage.png);
 }
+*/
+.cookie-tree-item .icon {
+    -webkit-mask-position: -120px 0;
+}
 
-.cookie-storage-tree-item .icon {
-    content: url(Images/cookie.png);
+.manifest-tree-item .icon {
+    -webkit-mask-position: 0 0;
 }
 
-.application-cache-storage-tree-item .icon {
-    content: url(Images/applicationCache.png);
+.service-worker-tree-item .icon {
+    -webkit-mask-position: -20px 0;
+}
+
+.clear-storage-tree-item .icon {
+    -webkit-mask-position: -40px 0;
+}