DevTools: New snippet button and icon

third_party/WebKit/Source/devtools/front_end/sources/navigatorTree.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 79 matching lines @@
 
 .navigator-nw-folder-tree-item .icon {
     background: linear-gradient(45deg, hsl(210, 82%, 65%), hsl(210, 82%, 80%));
 }
 
 .navigator-worker-tree-item .icon {
     -webkit-mask-position: -320px -144px;
 }
 
 .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;
+}
+
 .navigator-sm-stylesheet-tree-item .icon,
 .navigator-stylesheet-tree-item .icon {
     background: linear-gradient(45deg, hsl(256, 50%, 50%), hsl(256, 50%, 70%));
 }
 
 .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;
 }
+
+:host{
+    overflow-y: auto;
+}