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

Source/devtools/front_end/components/BreakpointsSidebarPaneBase.js

 /*
  * Copyright (C) 2012 Google Inc. All rights reserved.
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions are
  * met:
  *
  *     * Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *     * Redistributions in binary form must reproduce the above
@@ skipping 13 matching lines @@
  * LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE,
  * DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY
  * THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE
  * OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
  */
 
 /**
  * @constructor
  * @extends {WebInspector.SidebarPane}
+ * @param {string} title
  */
 WebInspector.BreakpointsSidebarPaneBase = function(title)
 {
     WebInspector.SidebarPane.call(this, title);
     this.registerRequiredCSS("components/breakpointsList.css");
 
     this.listElement = createElement("ol");
     this.listElement.className = "breakpoint-list";
 
     this.emptyElement = createElement("div");
     this.emptyElement.className = "info";
     this.emptyElement.textContent = WebInspector.UIString("No Breakpoints");
 
-    this.bodyElement.appendChild(this.emptyElement);
+    this.element.appendChild(this.emptyElement);
 }
 
 WebInspector.BreakpointsSidebarPaneBase.prototype = {
     /**
      * @param {!Element} element
      * @param {?Node=} beforeNode
      * @protected
      */
     addListElement: function(element, beforeNode)
     {
         if (beforeNode) {
             this.listElement.insertBefore(element, beforeNode);
         } else {
             if (!this.listElement.firstChild) {
-                this.bodyElement.removeChild(this.emptyElement);
-                this.bodyElement.appendChild(this.listElement);
+                this.element.removeChild(this.emptyElement);
+                this.element.appendChild(this.listElement);
             }
             this.listElement.appendChild(element);
         }
     },
 
     /**
      * @param {!Element} element
      * @protected
      */
     removeListElement: function(element)
     {
         this.listElement.removeChild(element);
         if (!this.listElement.firstChild) {
-            this.bodyElement.removeChild(this.listElement);
-            this.bodyElement.appendChild(this.emptyElement);
+            this.element.removeChild(this.listElement);
+            this.element.appendChild(this.emptyElement);
         }
     },
 
     /**
      * @protected
      */
     reset: function()
     {
         this.listElement.removeChildren();
         if (this.listElement.parentElement) {
-            this.bodyElement.removeChild(this.listElement);
-            this.bodyElement.appendChild(this.emptyElement);
+            this.element.removeChild(this.listElement);
+            this.element.appendChild(this.emptyElement);
         }
     },
 
     __proto__: WebInspector.SidebarPane.prototype
 }