[DevTools] Option to show device frames in emulation mode

third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css

Index: third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
diff --git a/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css b/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
index 7351960afbc912116598f214d4fafec136d4df40..5cf0dafef7a0e514e578a3c5af7584e0bfea0e9d 100644
--- a/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
+++ b/third_party/WebKit/Source/devtools/front_end/emulation/deviceModeView.css
@@ -48,10 +48,6 @@
     box-shadow: inset 0 -1px #ccc;
 }
 
-.device-mode-content-clip:not(.device-mode-rulers-visible) .device-mode-media-container {
-    margin-bottom: 20px;
-}
-
 .device-mode-presets-container {
     flex: 0 0 20px;
     display: flex;
@@ -122,7 +118,7 @@
     width: 0;
     height: 0;
     background-color: #171717;
-    box-shadow: hsl(240, 3%, 84%) 0 0 0 0.5px, hsla(0, 0%, 80%, 0.4) 0 0 20px;
+    box-shadow: hsl(0, 0%, 88%) 1px 1px 0 1px, hsla(0, 0%, 80%, 0.6) 0 0 16px;

[dgozman, 2016/03/21 21:08:39]

Why this change?

[mmccoy, 2016/03/21 22:03:05]

Not sure exactly! I think I c+p the wrong style from elsewhere in the file. :) 

Reverted.

 }
 
 .device-mode-screen-image {
@@ -133,6 +129,10 @@
     height: 100%;
 }
 
+.device-mode-outline-image.device-frame-visible + .device-mode-screen-area {
+    box-shadow: none;
+}
+
 .device-mode-resizer {
     position: absolute;
     display: flex;