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 c14c811c4e5aa4d3731fad6f62da043be6ebf01b..c2c870a758e11001d5c7c798579087d60a7e4017 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.devtoolsElement().createChild("div", "drawer");
     this.element.style.flexBasis = 0;
 
     this._savedHeight = 200; // Default.
@@ -74,7 +74,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.devtoolsElement().offsetHeight - Preferences.minConsoleHeight);
     },
 
     isHiding: function()
@@ -318,7 +318,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.devtoolsElement().offsetHeight - Preferences.minConsoleHeight);
 
         this.element.style.flexBasis = height + "px";
         if (this._inspectorView.currentPanel())