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

third_party/WebKit/Source/devtools/front_end/extensions/ExtensionPanel.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 165 matching lines @@
      * @return {!WebInspector.ToolbarButton}
      */
     toolbarButton: function()
     {
         return this._toolbarButton;
     }
 }
 
 /**
  * @constructor
- * @extends {WebInspector.SidebarPane}
+ * @extends {WebInspector.View}
  * @param {!WebInspector.ExtensionServer} server
  * @param {string} panelName
  * @param {string} title
  * @param {string} id
  */
 WebInspector.ExtensionSidebarPane = function(server, panelName, title, id)
 {
-    WebInspector.SidebarPane.call(this, title);
+    WebInspector.View.call(this, title);
+    this.element.classList.add("fill");
     this._panelName = panelName;
     this._server = server;
     this._id = id;
 }
 
 WebInspector.ExtensionSidebarPane.prototype = {
     /**
      * @return {string}
      */
     id: function()
@@ skipping 102 matching lines @@
         this._objectPropertiesView.element.removeChildren();
         var section = new WebInspector.ObjectPropertiesSection(object, title);
         if (!title)
             section.titleLessMode();
         section.expand();
         section.editable = false;
         this._objectPropertiesView.element.appendChild(section.element);
         callback();
     },
 
-    __proto__: WebInspector.SidebarPane.prototype
+    __proto__: WebInspector.View.prototype
 }