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

Source/devtools/front_end/inspector.js

Index: Source/devtools/front_end/inspector.js
diff --git a/Source/devtools/front_end/inspector.js b/Source/devtools/front_end/inspector.js
index 53783037d6e1f424265cb7192566a0b98ccf8dfd..3710061693fe622ed9ebd90429f24fd8921989c7 100644
--- a/Source/devtools/front_end/inspector.js
+++ b/Source/devtools/front_end/inspector.js
@@ -67,7 +67,7 @@ var WebInspector = {
         }
 
         this.inspectorView.appendToRightToolbar(this.settingsController.statusBarItem);
-        if (!WebInspector.queryParamsObject["remoteFrontend"])
+        if (!WebInspector.queryParamsObject["remoteFrontend"] && !WebInspector.WorkerManager.isWorkerFrontend())

[pfeldman, 2013/12/05 15:44:06]

We need to handle even more cases, not sure you need it here.

             this.inspectorView.appendToRightToolbar(this.dockController.element);
 
         var closeButtonToolbarItem = document.createElementWithClass("div", "toolbar-close-button-item");
@@ -84,6 +84,17 @@ var WebInspector = {
         return !!WebInspector.queryParamsObject["remoteFrontend"];
     },
 
+    /**
+     * @return {boolean}
+     */
+    useOverlayContentsLayout: function()
+    {
+        var docked = WebInspector.queryParamsObject["dockSide"] !== WebInspector.DockController.State.Undocked;
+        if (WebInspector.dockController)
+            docked = WebInspector.dockController.dockSide() !== WebInspector.DockController.State.Undocked;
+        return docked && !!WebInspector.queryParamsObject["overlayContents"];

[pfeldman, 2013/12/05 15:44:06]

I think you only want this bit here:

return !!WebInspector.queryParamsObject["overlayContents"];

In fact, you could check it in-place.

[dgozman, 2013/12/06 16:17:13]

Done.

+    },
+
     _toggleScreencastButtonClicked: function()
     {
         this._toggleScreencastButton.toggled = !this._toggleScreencastButton.toggled;
@@ -334,6 +345,8 @@ WebInspector.doLoadedDone = function()
     WebInspector.installPortStyles();
     if (WebInspector.socket)
         document.body.addStyleClass("remote");
+    if (WebInspector.queryParamsObject["overlayContents"])
+        document.body.addStyleClass("overlay-contents");
 
     if (WebInspector.queryParamsObject.toolbarColor && WebInspector.queryParamsObject.textColor)
         WebInspector.setToolbarColors(WebInspector.queryParamsObject.toolbarColor, WebInspector.queryParamsObject.textColor);