Devtools: Fix tooltip z-index and add tooltip for dock side

Source/devtools/front_end/main/Main.js

 /*
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * 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
@@ skipping 800 matching lines @@
     {
         var contextMenu = new WebInspector.ContextMenu(/** @type {!Event} */(event.data),
             true,
             this._item.element.totalOffsetLeft(),
             this._item.element.totalOffsetTop() + this._item.element.offsetHeight);
 
         if (WebInspector.dockController.canDock()) {
             var dockItemElement = createElementWithClass("div", "flex-centered flex-auto");
             var titleElement = dockItemElement.createChild("span", "flex-auto");
             titleElement.textContent = WebInspector.UIString("Dock side");
+            var toggleDockSideShorcuts = WebInspector.shortcutRegistry.shortcutDescriptorsForAction("main.toggle-dock");
+            WebInspector.Tooltip.install(titleElement, WebInspector.UIString("Placement of DevTools relative to the page. (%s to restore last position)", toggleDockSideShorcuts[0].name));
             dockItemElement.appendChild(titleElement);
             var dockItemToolbar = new WebInspector.Toolbar(dockItemElement);
             dockItemToolbar.makeBlueOnHover();
-            var undock = new WebInspector.ToolbarButton( WebInspector.UIString("Undock into separate window"), "dock-toolbar-item-undock");
+            var undock = new WebInspector.ToolbarButton(WebInspector.UIString("Undock into separate window"), "dock-toolbar-item-undock");
             var bottom = new WebInspector.ToolbarButton(WebInspector.UIString("Dock to bottom"), "dock-toolbar-item-bottom");
             var right = new WebInspector.ToolbarButton(WebInspector.UIString("Dock to right"), "dock-toolbar-item-right");
             undock.addEventListener("mouseup", setDockSide.bind(null, WebInspector.DockController.State.Undocked));
             bottom.addEventListener("mouseup", setDockSide.bind(null, WebInspector.DockController.State.DockedToBottom));
             right.addEventListener("mouseup", setDockSide.bind(null, WebInspector.DockController.State.DockedToRight));
             undock.setToggled(WebInspector.dockController.dockSide() === WebInspector.DockController.State.Undocked);
             bottom.setToggled(WebInspector.dockController.dockSide() === WebInspector.DockController.State.DockedToBottom);
             right.setToggled(WebInspector.dockController.dockSide() === WebInspector.DockController.State.DockedToRight);
             dockItemToolbar.appendToolbarItem(undock);
             dockItemToolbar.appendToolbarItem(bottom);
@@ skipping 104 matching lines @@
     p.classList.add("help-section");
     p.textContent = WebInspector.UIString("Inspected worker has terminated. Once it restarts we will attach to it automatically.");
 }
 
 WebInspector.WorkerTerminatedScreen.prototype = {
 
     __proto__: WebInspector.HelpScreen.prototype
 }
 
 new WebInspector.Main();