DevTools: migrate sidebar pane's titleElement to use Toolbar.

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 877 matching lines @@
             this.sidebarPaneView.detach();
             this._splitWidget.uninstallResizer(this.sidebarPaneView.headerElement());
         }
 
         this._splitWidget.setVertical(!vertically);
 
         var computedPane = new WebInspector.SidebarPane(WebInspector.UIString("Computed"));
         computedPane.element.classList.add("composite");
         computedPane.element.classList.add("fill");
 
-        computedPane.bodyElement.classList.add("metrics-and-computed");
+        computedPane.element.classList.add("metrics-and-computed");
 
         var matchedStylePanesWrapper = createElement("div");
         matchedStylePanesWrapper.className = "style-panes-wrapper";
         var computedStylePanesWrapper = createElement("div");
         computedStylePanesWrapper.className = "style-panes-wrapper";
 
         /**
          * @param {boolean} inComputedStyle
          * @this {WebInspector.ElementsPanel}
          */
@@ skipping 26 matching lines @@
         this._popoverHelper.setTimeout(0);
 
         if (vertically) {
             this._splitWidget.installResizer(this.sidebarPaneView.headerElement());
 
             var compositePane = new WebInspector.SidebarPane(this.sidebarPanes.styles.title());
             compositePane.element.classList.add("composite");
             compositePane.element.classList.add("fill");
 
             var splitWidget = new WebInspector.SplitWidget(true, true, "stylesPaneSplitViewState", 215);
-            splitWidget.show(compositePane.bodyElement);
+            splitWidget.show(compositePane.element);
 
             var vbox1 = new WebInspector.VBox();
             vbox1.element.appendChild(matchedStylePanesWrapper);
             vbox1.element.appendChild(this._matchedStylesFilterBoxContainer);
             splitWidget.setMainWidget(vbox1);
 
             var vbox2 = new WebInspector.VBox();
             vbox2.element.appendChild(computedStylePanesWrapper);
             vbox2.element.appendChild(this._computedStylesFilterBoxContainer);
             splitWidget.setSidebarWidget(vbox2);
 
             computedPane.show(computedStylePanesWrapper);
             this.sidebarPaneView.addPane(compositePane);
         } else {
             var stylesPane = new WebInspector.SidebarPane(this.sidebarPanes.styles.title());
             stylesPane.element.classList.add("composite");
             stylesPane.element.classList.add("fill");
-            stylesPane.bodyElement.classList.add("metrics-and-styles");
+            stylesPane.element.classList.add("metrics-and-styles");
 
-            stylesPane.bodyElement.appendChild(matchedStylePanesWrapper);
-            computedPane.bodyElement.appendChild(computedStylePanesWrapper);
+            stylesPane.element.appendChild(matchedStylePanesWrapper);
+            computedPane.element.appendChild(computedStylePanesWrapper);
 
             this.sidebarPaneView.addEventListener(WebInspector.TabbedPane.EventTypes.TabSelected, tabSelected, this);
 
-            stylesPane.bodyElement.appendChild(this._matchedStylesFilterBoxContainer);
-            computedPane.bodyElement.appendChild(this._computedStylesFilterBoxContainer);
+            stylesPane.element.appendChild(this._matchedStylesFilterBoxContainer);
+            computedPane.element.appendChild(this._computedStylesFilterBoxContainer);
 
             this.sidebarPaneView.addPane(stylesPane);
             this.sidebarPaneView.addPane(computedPane);
         }
 
         this.sidebarPanes.styles.show(matchedStylePanesWrapper);
         this.sidebarPanes.computedStyle.show(computedStylePanesWrapper);
-        matchedStylePanesWrapper.appendChild(this.sidebarPanes.styles.titleElement);
         showMetrics.call(this, vertically);
         this.sidebarPanes.platformFonts.show(computedStylePanesWrapper);
 
         this.sidebarPaneView.addPane(this.sidebarPanes.eventListeners);
         this.sidebarPaneView.addPane(this.sidebarPanes.domBreakpoints);
         this.sidebarPaneView.addPane(this.sidebarPanes.properties);
 
         for (var sidebarViewWrapper of this._elementsSidebarViewWrappers)
             this.sidebarPaneView.addPane(sidebarViewWrapper);
 
@@ skipping 149 matching lines @@
 WebInspector.ElementsPanelFactory.prototype = {
     /**
      * @override
      * @return {!WebInspector.Panel}
      */
     createPanel: function()
     {
         return WebInspector.ElementsPanel.instance();
     }
 }