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

Source/devtools/front_end/elements/ElementStatePaneWidget.js

 // Copyright (c) 2015 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.
 
 /**
  * @constructor
  * @extends {WebInspector.StylesSidebarPane.BaseToolbarPaneWidget}
  * @param {!WebInspector.ToolbarItem} toolbarItem
  */
 WebInspector.ElementStatePaneWidget = function(toolbarItem)
 {
     WebInspector.StylesSidebarPane.BaseToolbarPaneWidget.call(this, toolbarItem);
-    this.element.className = "styles-element-state-pane source-code";
-    var table = createElement("table");
+    this.element.className = "styles-element-state-pane";
+    this.element.createChild("div").createTextChild("Force element state");

[dgozman, 2015/06/09 13:27:02]

UIString

[pfeldman, 2015/06/09 13:40:59]

Done.

+    var table = createElementWithClass("table", "source-code");
 
     var inputs = [];
     this._inputs = inputs;
 
     /**
      * @param {!Event} event
      */
     function clickListener(event)
     {
         var node = WebInspector.context.flavor(WebInspector.DOMNode);
@@ skipping 90 matching lines @@
 
     __proto__: WebInspector.StylesSidebarPane.BaseToolbarPaneWidget.prototype
 }
 
 /**
  * @constructor
  * @implements {WebInspector.ToolbarItem.Provider}
  */
 WebInspector.ElementStatePaneWidget.ButtonProvider = function()
 {
-    this._button = new WebInspector.ToolbarButton(WebInspector.UIString("Toggle Element State"), "element-state-toolbar-item");
+    this._button = new WebInspector.ToolbarButton(WebInspector.UIString("Toggle Element State"), "pin-toolbar-item");
     this._button.addEventListener("click", this._clicked, this);
     this._view = new WebInspector.ElementStatePaneWidget(this.item());
 }
 
 WebInspector.ElementStatePaneWidget.ButtonProvider.prototype = {
     _clicked: function()
     {
         var stylesSidebarPane = WebInspector.ElementsPanel.instance().sidebarPanes.styles;
         stylesSidebarPane.showToolbarPane(!this._view.isShowing() ? this._view : null);
     },
 
     /**
      * @override
      * @return {!WebInspector.ToolbarItem}
      */
     item: function()
     {
         return this._button;
     }
 }