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

Source/devtools/front_end/SplitView.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:
  *
  * 1. Redistributions of source code must retain the above copyright
  * notice, this list of conditions and the following disclaimer.
  *
@@ skipping 290 matching lines @@
                 this._resizerElement.style.bottom = sizeValue;
                 this._resizerElement.style.marginBottom = -this._resizerElementSize / 2 + "px";
             } else {
                 this._resizerElement.style.top = sizeValue;
                 this._resizerElement.style.marginTop = -this._resizerElementSize / 2 + "px";
             }
         }
 
         this._sidebarSize = size;
 
+        this.onLayoutUpdated();
+
         // No need to recalculate this._sidebarSize and this._totalSize again.
         this._muteOnResize = true;
         this.doResize();
         delete this._muteOnResize;
     },
 
     /**
      * @param {number=} minWidth
      * @param {number=} minHeight
      */
@@ skipping 62 matching lines @@
         this._updateLayout();
     },
 
     onResize: function()
     {
         if (this._muteOnResize)
             return;
         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}
      */
     _startResizerDragging: function(event)
     {
         if (!this._resizable)
             return false;
 
         this._saveSidebarSizeRecursively();
@@ skipping 94 matching lines @@
         else
             this._savedSidebarHeight = size;
 
         var sizeSetting = this._sizeSetting();
         if (sizeSetting)
             sizeSetting.set(size);
     },
 
     __proto__: WebInspector.View.prototype
 }