Devtools UI: Add node-specific actions into a ghost toolbar in DOM

Source/devtools/front_end/ui/toolbar.css

 /*
  * Copyright (c) 2014 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file.
  */
 
 :host {
     flex: none;
     padding: 0 2px;
 }
@@ skipping 254 matching lines @@
 }
 
 .settings-toolbar-item .glyph {
     -webkit-mask-position: -160px -24px;
 }
 
 .menu-toolbar-item .glyph {
     -webkit-mask-position: -192px -24px;
 }
 
+.horizontal-dots-toolbar-item .glyph {
+    -webkit-mask-position: -201px -26px;
+    /* -webkit-mask-size: 352px 168px; */
+    width: 16.25px;
+    height: 20px;
+    transform: scale(0.8) rotate(90deg);
+    position: absolute;
+    top: -3px;
+    left: 0;
+}
+
 .node-search-toolbar-item .glyph {
     -webkit-mask-position: -320px -120px;
 }
 
 .emulation-toolbar-item .glyph {
     -webkit-mask-position: -160px 0;
 }
 
 .emulation-toolbar-item.warning::after {
     background-image: url(Images/toolbarButtonGlyphs.png);
@@ skipping 234 matching lines @@
 }
 
 button.playback-rate-button {
     width: auto;
     margin-right: 10px;
 }
 
 .layout-editor-toolbar-item .glyph {
     -webkit-mask-position: 0 -144px;
 }