DevTools: [Responsive design] shift-drag resize widget for more precise dragging

Source/devtools/front_end/ui/ResizerWidget.js

Index: Source/devtools/front_end/ui/ResizerWidget.js
diff --git a/Source/devtools/front_end/ui/ResizerWidget.js b/Source/devtools/front_end/ui/ResizerWidget.js
index f6cc81f878e3b8bc7c00f078dd780cd76d9e51ae..6e61114093ce9ebe9633bade43770c99e86c6739 100644
--- a/Source/devtools/front_end/ui/ResizerWidget.js
+++ b/Source/devtools/front_end/ui/ResizerWidget.js
@@ -17,9 +17,9 @@ WebInspector.ResizerWidget = function()
 };
 
 WebInspector.ResizerWidget.Events = {
-    ResizeStart: "ResizeStart",  // Data: {{startPosition: number, currentPosition: number}}.
-    ResizeUpdate: "ResizeUpdate",  // Data: {{startPosition: number, currentPosition: number}}.
-    ResizeEnd: "ResizeEnd"  // No data.
+    ResizeStart: "ResizeStart",
+    ResizeUpdate: "ResizeUpdate",
+    ResizeEnd: "ResizeEnd"
 };
 
 WebInspector.ResizerWidget.prototype = {
@@ -138,7 +138,7 @@ WebInspector.ResizerWidget.prototype = {
         }
 
         var position = this._isVertical ? event.pageY : event.pageX;
-        this.dispatchEventToListeners(WebInspector.ResizerWidget.Events.ResizeUpdate, { startPosition: this._startPosition, currentPosition: position });
+        this.dispatchEventToListeners(WebInspector.ResizerWidget.Events.ResizeUpdate, { startPosition: this._startPosition, currentPosition: position, shiftKey: event.shiftKey });
         event.preventDefault();
         return false;  // Continue drag.
     },