DevTools: introduce View: a named widget with the toolbar.

third_party/WebKit/Source/devtools/front_end/elements/ElementsSidebarPane.js

 // Copyright (c) 2014 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.SidebarPane}
+ * @extends {WebInspector.View}
  * @param {string} title
  */
 WebInspector.ElementsSidebarPane = function(title)
 {
-    WebInspector.SidebarPane.call(this, title);
+    WebInspector.View.call(this, title);
+    this.element.classList.add("flex-none");
     this._computedStyleModel = new WebInspector.ComputedStyleModel();
     this._computedStyleModel.addEventListener(WebInspector.ComputedStyleModel.Events.ComputedStyleChanged, this.onCSSModelChanged, this);
 
     this._updateThrottler = new WebInspector.Throttler(100);
     this._updateWhenVisible = false;
 }
 
 WebInspector.ElementsSidebarPane.prototype = {
     /**
      * @return {?WebInspector.DOMNode}
@@ skipping 32 matching lines @@
          * @this {WebInspector.ElementsSidebarPane}
          */
         function innerUpdate()
         {
             return this.isShowing() ? this.doUpdate() : Promise.resolve();
         }
     },
 
     wasShown: function()
     {
-        WebInspector.SidebarPane.prototype.wasShown.call(this);
+        WebInspector.View.prototype.wasShown.call(this);
         if (this._updateWhenVisible)
             this.update();
     },
 
     /**
      * @param {!WebInspector.Event} event
      */
     onCSSModelChanged: function(event) { },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }