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

Unified Diff: Source/devtools/front_end/elements/Spectrum.js

Issue 401013002: DevTools: Freshen up popover styles. (Closed) Base URL: svn://svn.chromium.org/blink/trunk
Patch Set: Created 6 years, 5 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
« no previous file with comments | « Source/devtools/front_end/dialog.css ('k') | Source/devtools/front_end/inspectorStyle.css » ('j') | no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
Index: Source/devtools/front_end/elements/Spectrum.js
diff --git a/Source/devtools/front_end/elements/Spectrum.js b/Source/devtools/front_end/elements/Spectrum.js
index 176c4e5f8a9671c31c04076cc954339480b92f4c..492424f5992b5f361ca8e7723ab5d1cddd7bf1cf 100644
--- a/Source/devtools/front_end/elements/Spectrum.js
+++ b/Source/devtools/front_end/elements/Spectrum.js
@@ -38,14 +38,10 @@ WebInspector.Spectrum = function()
this.element.classList.add("spectrum-container");
this.element.tabIndex = 0;
- var topElement = this.element.createChild("div", "spectrum-top");
- topElement.createChild("div", "spectrum-fill");
-
- var topInnerElement = topElement.createChild("div", "spectrum-top-inner fill");
- this._draggerElement = topInnerElement.createChild("div", "spectrum-color");
+ this._draggerElement = this.element.createChild("div", "spectrum-color");
this._dragHelperElement = this._draggerElement.createChild("div", "spectrum-sat fill").createChild("div", "spectrum-val fill").createChild("div", "spectrum-dragger");
- this._sliderElement = topInnerElement.createChild("div", "spectrum-hue");
+ this._sliderElement = this.element.createChild("div", "spectrum-hue");
this.slideHelper = this._sliderElement.createChild("div", "spectrum-slider");
var rangeContainer = this.element.createChild("div", "spectrum-range-container");
@@ -59,7 +55,7 @@ WebInspector.Spectrum = function()
this._alphaElement.addEventListener("input", alphaDrag.bind(this), false);
this._alphaElement.addEventListener("change", alphaDrag.bind(this), false);
- var displayContainer = this.element.createChild("div");
+ var displayContainer = this.element.createChild("div", "spectrum-text");
var swatchElement = displayContainer.createChild("span", "swatch");
this._swatchInnerElement = swatchElement.createChild("span", "swatch-inner");
this._displayElement = displayContainer.createChild("span", "source-code spectrum-display-value");
« no previous file with comments | « Source/devtools/front_end/dialog.css ('k') | Source/devtools/front_end/inspectorStyle.css » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698