DevTools: New snippet button and icon

third_party/WebKit/Source/devtools/front_end/sources/navigatorView.css

Index: third_party/WebKit/Source/devtools/front_end/sources/navigatorView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/sources/navigatorView.css b/third_party/WebKit/Source/devtools/front_end/sources/navigatorView.css
index 0f08792d095e4a4889a732e66a5d516e19012048..8173ed013be278e88d3c6815373b52ba742314e5 100644
--- a/third_party/WebKit/Source/devtools/front_end/sources/navigatorView.css
+++ b/third_party/WebKit/Source/devtools/front_end/sources/navigatorView.css
@@ -97,10 +97,16 @@
 }
 
 .navigator-sm-script-tree-item .icon,
-.navigator-script-tree-item .icon {
+.navigator-script-tree-item .icon,
+.navigator-snippet-tree-item .icon {
     background: linear-gradient(45deg, hsl(48, 70%, 50%), hsl(48, 70%, 70%));
 }
 
+.navigator-snippet-tree-item .icon {
+    -webkit-mask-position: -224px -96px;
+}
+

[dgozman, 2016/10/20 20:19:27]

nit: extra blank line

[einbinder, 2016/10/20 20:56:13]

Done.

+
 .navigator-sm-stylesheet-tree-item .icon,
 .navigator-stylesheet-tree-item .icon {
     background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%));
@@ -116,3 +122,8 @@
 .navigator-sm-stylesheet-tree-item .tree-element-title {
     font-style: italic;
 }
+
+.snippets-navigator-toolbar {
+    border-bottom: 1px solid #ccc;
+    padding-left: 8px;
+}