DevTools: display reload warning in the responsive design toolbar.

Source/devtools/front_end/ResponsiveDesignView.js

Index: Source/devtools/front_end/ResponsiveDesignView.js
diff --git a/Source/devtools/front_end/ResponsiveDesignView.js b/Source/devtools/front_end/ResponsiveDesignView.js
index f6f483649d37236fcd53ce5ba01594e83291f106..2b0c8ea6a2956c1324530b1a0f9c5593150a9237 100644
--- a/Source/devtools/front_end/ResponsiveDesignView.js
+++ b/Source/devtools/front_end/ResponsiveDesignView.js
@@ -436,7 +436,18 @@ WebInspector.ResponsiveDesignView.prototype = {
         fieldsetElement = this._toolbarElement.createChild("fieldset", "responsive-design-section");
         fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Touch"), WebInspector.overridesSupport.settings.emulateTouchEvents, true));
         fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Viewport"), WebInspector.overridesSupport.settings.emulateViewport, true));
-},
+
+        // Warning
+        this._warningMessage = this._responsiveDesignContainer.element.createChild("div", "responsive-design-warning");

[dgozman, 2014/05/29 11:06:37]

hidden at the start?

+        WebInspector.overridesSupport.addEventListener(WebInspector.OverridesSupport.Events.OverridesWarningUpdated, this._overridesWarningUpdated, this);
+    },
+
+    _overridesWarningUpdated: function()
+    {
+        var message = WebInspector.overridesSupport.warningMessage();
+        this._warningMessage.classList.toggle("hidden", !message);
+        this._warningMessage.textContent = message;
+    },
 
     __proto__: WebInspector.VBox.prototype
 };