Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(1592)

Unified Diff: Source/devtools/front_end/emulation/ResponsiveDesignView.js

Issue 1171893005: DevTools: unify theming for checkbox components. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 5 years, 6 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View side-by-side diff with in-line comments
Download patch
Index: Source/devtools/front_end/emulation/ResponsiveDesignView.js
diff --git a/Source/devtools/front_end/emulation/ResponsiveDesignView.js b/Source/devtools/front_end/emulation/ResponsiveDesignView.js
index d98c1e54f29dec3a960b0b4838557fbfd52690af..bc73b0136292d4f523ca7c4cd57fc7daa0502be4 100644
--- a/Source/devtools/front_end/emulation/ResponsiveDesignView.js
+++ b/Source/devtools/front_end/emulation/ResponsiveDesignView.js
@@ -620,6 +620,7 @@ WebInspector.ResponsiveDesignView.prototype = {
fieldsetElement = screenElement.createChild("fieldset");
var emulateResolutionCheckbox = WebInspector.SettingsUI.createSettingCheckbox("", WebInspector.overridesSupport.settings.emulateResolution, true, WebInspector.UIString("Emulate screen resolution"));
+ themeCheckbox(emulateResolutionCheckbox);
fieldsetElement.appendChild(emulateResolutionCheckbox);
var resolutionIcon = fieldsetElement.createChild("div", "responsive-design-icon responsive-design-icon-resolution");
@@ -649,7 +650,19 @@ WebInspector.ResponsiveDesignView.prototype = {
detailsElement.createChild("div", "responsive-design-suite-separator");
var fitToWindowElement = detailsElement.createChild("div", "");
fieldsetElement = fitToWindowElement.createChild("fieldset");
- fieldsetElement.appendChild(WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Fit"), WebInspector.overridesSupport.settings.deviceFitWindow, true, WebInspector.UIString("Zoom to fit available space")));
+ var fitCheckbox = WebInspector.SettingsUI.createSettingCheckbox(WebInspector.UIString("Fit"), WebInspector.overridesSupport.settings.deviceFitWindow, true, WebInspector.UIString("Zoom to fit available space"))
+ fieldsetElement.appendChild(fitCheckbox);
+ themeCheckbox(fitCheckbox);
+
+ /**
+ * @param {!Element} checkbox
+ */
+ function themeCheckbox(checkbox)
+ {
+ checkbox.checkColor = "rgb(255, 156, 0)";
+ checkbox.backgroundColor = "rgb(102, 102, 102)";
+ checkbox.borderColor = "rgb(45, 45, 45)";
+ }
},
_createNetworkSection: function()
« no previous file with comments | « no previous file | Source/devtools/front_end/emulation/responsiveDesignView.css » ('j') | Source/devtools/front_end/ui/UIUtils.js » ('J')

Powered by Google App Engine
This is Rietveld 408576698