[DevTools] Expose left and right toolbar in TabbedPane.

third_party/WebKit/Source/devtools/front_end/elements/ElementsPanel.js

 /*
  * Copyright (C) 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2008 Matt Lilek <webkit@mattlilek.com>
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 91 matching lines @@
     /**
      * @return {!Element}
      */
     _createStylesSidebarToolbar: function()
     {
         var container = createElementWithClass("div", "styles-sidebar-pane-toolbar-container");
         var hbox = container.createChild("div", "hbox styles-sidebar-pane-toolbar");
         var filterContainerElement = hbox.createChild("div", "styles-sidebar-pane-filter-box");
         var filterInput = WebInspector.StylesSidebarPane.createPropertyFilterElement(WebInspector.UIString("Filter"), hbox, this._stylesWidget.onFilterChanged.bind(this._stylesWidget));
         filterContainerElement.appendChild(filterInput);
-        var toolbar = new WebInspector.ExtensibleToolbar("styles-sidebarpane-toolbar", hbox);
-        toolbar.element.classList.add("styles-pane-toolbar");
+        var toolbar = new WebInspector.Toolbar("styles-pane-toolbar", hbox);
         toolbar.makeToggledGray();
+        WebInspector.Toolbar.appendLocationItems(toolbar, "styles-sidebarpane-toolbar");

[pfeldman, 2016/09/20 23:11:35]

You might want it on the toolbar itself so that you could later make it dynamic.

[dgozman, 2016/09/21 18:47:04]

Done.

         var toolbarPaneContainer = container.createChild("div", "styles-sidebar-toolbar-pane-container");
         this._toolbarPaneElement = createElementWithClass("div", "styles-sidebar-toolbar-pane");
         toolbarPaneContainer.appendChild(this._toolbarPaneElement);
         return container;
     },
 
     /**
      * @override
      * @param {string} locationName
      * @return {?WebInspector.ViewLocation}
@@ skipping 990 matching lines @@
     /**
      * @override
      * @param {!WebInspector.DOMNode} node
      * @return {?{title: string, color: string}}
      */
     decorate: function(node)
     {
         return { color: "orange", title: WebInspector.UIString("Element state: %s", ":" + WebInspector.CSSModel.fromNode(node).pseudoState(node).join(", :")) };
     }
 }