DevTools: hide emulation bits that are available in responsive design toolbar from the drawer.

Source/devtools/front_end/ResponsiveDesignView.js

 // Copyright 2014 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @constructor
  * @extends {WebInspector.VBox}
  * @implements {WebInspector.OverridesSupport.PageResizer}
  * @param {!WebInspector.InspectedPagePlaceholder} inspectedPagePlaceholder
  */
@@ skipping 25 matching lines @@
     this._createResizer(this._heightSlider, true);
 
     this._inspectedPagePlaceholder = inspectedPagePlaceholder;
     inspectedPagePlaceholder.show(this.element);
 
     this._enabled = false;
 
     WebInspector.zoomManager.addEventListener(WebInspector.ZoomManager.Events.ZoomChanged, this._onZoomChanged, this);
     WebInspector.dockController.addEventListener(WebInspector.DockController.Events.DockSideChanged, this._updateOverridesSupportOnDockSideChange, this);
     WebInspector.settings.responsiveDesignMode.addChangeListener(this._responsiveDesignModeChanged, this);
+
+    WebInspector.overridesSupport.settings.emulateViewport.addChangeListener(this._maybeEnableResponsiveDesign, this);
+    WebInspector.overridesSupport.settings.emulateTouchEvents.addChangeListener(this._maybeEnableResponsiveDesign, this);
+    WebInspector.overridesSupport.settings.overrideDeviceResolution.addChangeListener(this._maybeEnableResponsiveDesign, this);
+
     this._updateOverridesSupportOnDockSideChange();
 };
 
 // Measured in DIP.
 WebInspector.ResponsiveDesignView.SliderWidth = 19;
 WebInspector.ResponsiveDesignView.RulerWidth = 20;
 WebInspector.ResponsiveDesignView.ToolbarHeight = 24;
 
 WebInspector.ResponsiveDesignView.prototype = {
+    _maybeEnableResponsiveDesign: function()
+    {
+        if (this._enabled)
+            return;
+        if (WebInspector.overridesSupport.settings.emulateViewport.get() ||
+                WebInspector.overridesSupport.settings.emulateTouchEvents.get() ||
+                WebInspector.overridesSupport.settings.overrideDeviceResolution.get()) {
+            WebInspector.settings.responsiveDesignMode.set(true);
+        }
+    },
+
     _responsiveDesignModeChanged: function()
     {
         if (WebInspector.dockController.dockSide() === WebInspector.DockController.State.Undocked) {
             WebInspector.overridesSupport.setPageResizer(null);
             return;
         }
 
         delete this._cachedScale;
         delete this._cachedCssCanvasWidth;
         delete this._cachedCssCanvasHeight;
@@ skipping 381 matching lines @@
     {
         var message = WebInspector.overridesSupport.warningMessage();
         this._warningMessage.classList.toggle("hidden", !message);
         this._warningMessage.textContent = message;
         this._responsiveDesignModeChanged();
         this.onResize();
     },
 
     __proto__: WebInspector.VBox.prototype
 };