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

Source/devtools/front_end/ui/Widget.js

Index: Source/devtools/front_end/ui/Widget.js
diff --git a/Source/devtools/front_end/ui/Widget.js b/Source/devtools/front_end/ui/Widget.js
index 926ee4ce396215ec26c34435d6dd24b4c1affeb9..87100a7eeebb67a55c9f27c55b4e09866ef0a294 100644
--- a/Source/devtools/front_end/ui/Widget.js
+++ b/Source/devtools/front_end/ui/Widget.js
@@ -251,7 +251,7 @@ WebInspector.Widget.prototype = {
         if (this._parentIsShowing())
             this._processWillShow();
 
-        this.element.classList.add("visible");
+        this.element.classList.remove("hidden");

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

Won't this detach iframes?

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

Nope, it is alright.

 
         // Reparent
         if (this.element.parentElement !== parentElement) {
@@ -284,7 +284,7 @@ WebInspector.Widget.prototype = {
             this._processWillHide();
 
         if (!overrideHideOnDetach && this._shouldHideOnDetach()) {
-            this.element.classList.remove("visible");
+            this.element.classList.add("hidden");
             this._visible = false;
             if (this._parentIsShowing())
                 this._processWasHidden();