| 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");
|
|
|