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

Source/devtools/front_end/Drawer.js

Index: Source/devtools/front_end/Drawer.js
diff --git a/Source/devtools/front_end/Drawer.js b/Source/devtools/front_end/Drawer.js
index 8f8685a662c0124fdace29ee94684d460f10b273..1803834a642c8112046acbed965e97162262c00b 100644
--- a/Source/devtools/front_end/Drawer.js
+++ b/Source/devtools/front_end/Drawer.js
@@ -36,7 +36,7 @@ WebInspector.Drawer = function(inspectorView)
 {
     this._inspectorView = inspectorView;
 
-    this.element = this._inspectorView.element.createChild("div", "drawer");
+    this.element = this._inspectorView.container().createChild("div", "drawer");
     this.element.style.flexBasis = 0;
 
     this._savedHeight = 200; // Default.
@@ -78,7 +78,7 @@ WebInspector.Drawer.prototype = {
 
     _constrainHeight: function(height)
     {
-        return Number.constrain(height, Preferences.minConsoleHeight, this._inspectorView.element.offsetHeight - Preferences.minConsoleHeight);
+        return Number.constrain(height, Preferences.minConsoleHeight, this._inspectorView.container().offsetHeight - Preferences.minConsoleHeight);
     },
 
     isHiding: function()
@@ -313,7 +313,7 @@ WebInspector.Drawer.prototype = {
     _statusBarDragging: function(event)
     {
         var height = window.innerHeight - event.pageY + this._statusBarDragOffset;
-        height = Number.constrain(height, Preferences.minConsoleHeight, this._inspectorView.element.offsetHeight - Preferences.minConsoleHeight);
+        height = Number.constrain(height, Preferences.minConsoleHeight, this._inspectorView.container().offsetHeight - Preferences.minConsoleHeight);
 
         this.element.style.flexBasis = height + "px";
         if (this._inspectorView.currentPanel())