DevTools: add a navigator menu with grouping options.

third_party/WebKit/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 275 matching lines @@
 }
 
 .visibility-off-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -192px 0;
 }
 
 .large-list-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -224px 0;
 }
 
-.edit-toolbar-item.toolbar-glyph {
-    -webkit-mask-position: -224px -72px;
-}
-
 .record-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -288px 0;
 }
 
 .toolbar-state-on .record-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -288px -24px;
 }
 
 .camera-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -96px -24px;
@@ skipping 159 matching lines @@
 }
 
 .enter-fullscreen-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -256px -96px;
 }
 
 .responsive-toolbar-item.toolbar-glyph {
     -webkit-mask-position: -288px -96px;
 }
 
+.frame-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -256px -144px;
+}
+
+.domain-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -160px -144px;
+}
+
+.folder-toolbar-item.toolbar-glyph {
+    -webkit-mask-position: -224px -144px;
+}
+
 .toolbar-state-on .record-toolbar-item.toolbar-glyph,
 .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
 .toolbar-state-active .block-toolbar-item.toolbar-glyph {
     background-color: rgb(216, 0, 0) !important;
 }
 
 :host-context(.-theme-with-dark-background) .toolbar-state-active .filter-toolbar-item.toolbar-glyph,
 :host-context(.-theme-with-dark-background) .toolbar-state-active .block-toolbar-item.toolbar-glyph,
 :host-context(.-theme-with-dark-background) .toolbar-state-on .record-toolbar-item.toolbar-glyph {
     background-color: hsl(0, 100%, 65%) !important;
 }