DevTools: added "overlayContents" mode, where DevTools content is placed around and underneath inse…

Source/devtools/front_end/SplitView.js

Index: Source/devtools/front_end/SplitView.js
diff --git a/Source/devtools/front_end/SplitView.js b/Source/devtools/front_end/SplitView.js
index 41b5489cc159946101bf94fdb2c1ea8425d3fdd3..cf9cd931cceb67d29fb0e17ce8334809803191f2 100644
--- a/Source/devtools/front_end/SplitView.js
+++ b/Source/devtools/front_end/SplitView.js
@@ -308,6 +308,8 @@ WebInspector.SplitView.prototype = {
 
         this._sidebarSize = size;
 
+        this.onLayoutUpdated();
+
         // No need to recalculate this._sidebarSize and this._totalSize again.
         this._muteOnResize = true;
         this.doResize();
@@ -390,6 +392,11 @@ WebInspector.SplitView.prototype = {
         this._updateLayout();
     },
 
+    onLayoutUpdated: function()

[pfeldman, 2013/11/18 15:07:42]

There is an event in SidebarView for that, all you need is to pull it into
SplitView. (WebInspector.SidebarView.EventTypes.Resized)

[dgozman, 2013/11/21 16:38:51]

Looks like that event is only fired on the whole element resize, but on on
splitter drag, which is what I need.

+    {
+        // Override this method to do something when layout changes.
+    },
+
     /**
      * @param {Event} event
      * @return {boolean}