DevTools: follow-up to view introduction, fix styles css.

third_party/WebKit/Source/devtools/front_end/ui/SidebarPane.js

 /*
  * Copyright (C) 2007 Apple 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:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
  * 2.  Redistributions in binary form must reproduce the above copyright
@@ skipping 114 matching lines @@
 /**
  * @constructor
  * @extends {WebInspector.TabbedPane}
  */
 WebInspector.SidebarTabbedPane = function()
 {
     WebInspector.TabbedPane.call(this);
     this.element.classList.add("sidebar-pane-container", "sidebar-tabbed-pane");
 }
 
+WebInspector.SidebarTabbedPane._toolbarSymbol = Symbol("toolbar");
+
 WebInspector.SidebarTabbedPane.prototype = {
     /**
      * @param {!WebInspector.View} pane
      */
     addPane: function(pane)
     {
+        // Detach first to trigger toolbar cleanup.
+        pane.detach();
+
         var title = pane.title();
-
         var toolbarItems = pane.toolbarItems();
         if (toolbarItems.length) {
             var toolbar = new WebInspector.Toolbar("");
+            pane[WebInspector.SidebarTabbedPane._toolbarSymbol] = toolbar;
             pane.element.insertBefore(toolbar.element, pane.element.firstChild);
             for (var item of toolbarItems)
                 toolbar.appendToolbarItem(item);
         }
         this.appendTab(title, title, pane);
         pane.setRequestVisibleCallback(this._setPaneVisible.bind(this, pane));
         pane.setRevealCallback(this.selectTab.bind(this, title));
     },
 
     /**
+     * @param {!WebInspector.Widget} widget
+     * @override
+     */
+    childWasDetached: function(widget)
+    {
+        WebInspector.TabbedPane.prototype.childWasDetached.call(this, widget);
+
+        var toolbar = widget[WebInspector.SidebarTabbedPane._toolbarSymbol];
+        if (toolbar)
+            toolbar.element.remove();
+    },
+
+    /**
      * @param {!WebInspector.View} pane
      * @param {boolean} visible
      */
     _setPaneVisible: function(pane, visible)
     {
         var title = pane.title();
         if (visible) {
             if (!this.hasTab(title))
                 this.appendTab(title, title, pane);
         } else {
             if (this.hasTab(title))
                 this.closeTab(title);
         }
     },
 
     __proto__: WebInspector.TabbedPane.prototype
 }