Title: [108734] trunk/Source/WebCore
- Revision
- 108734
- Author
- [email protected]
- Date
- 2012-02-23 23:28:39 -0800 (Thu, 23 Feb 2012)
Log Message
Web Inspector: make color review larger in the color picker.
https://bugs.webkit.org/show_bug.cgi?id=79339
Reviewed by Vsevolod Vlasov.
* inspector/front-end/Popover.js:
(WebInspector.Popover.prototype.hide):
* inspector/front-end/Spectrum.js:
* inspector/front-end/elementsPanel.css:
(.spectrum-container):
(.spectrum-color):
(.spectrum-display-value):
(.spectrum-hue):
(.spectrum-fill):
(.spectrum-range-container label):
(.spectrum-range-container input):
(.spectrum-slider):
(.spectrum-container .swatch):
* inspector/front-end/inspector.css:
(.swatch):
Modified Paths
Diff
Modified: trunk/Source/WebCore/ChangeLog (108733 => 108734)
--- trunk/Source/WebCore/ChangeLog 2012-02-24 07:00:03 UTC (rev 108733)
+++ trunk/Source/WebCore/ChangeLog 2012-02-24 07:28:39 UTC (rev 108734)
@@ -1,3 +1,26 @@
+2012-02-23 Pavel Feldman <[email protected]>
+
+ Web Inspector: make color review larger in the color picker.
+ https://bugs.webkit.org/show_bug.cgi?id=79339
+
+ Reviewed by Vsevolod Vlasov.
+
+ * inspector/front-end/Popover.js:
+ (WebInspector.Popover.prototype.hide):
+ * inspector/front-end/Spectrum.js:
+ * inspector/front-end/elementsPanel.css:
+ (.spectrum-container):
+ (.spectrum-color):
+ (.spectrum-display-value):
+ (.spectrum-hue):
+ (.spectrum-fill):
+ (.spectrum-range-container label):
+ (.spectrum-range-container input):
+ (.spectrum-slider):
+ (.spectrum-container .swatch):
+ * inspector/front-end/inspector.css:
+ (.swatch):
+
2012-02-23 Kenichi Ishibashi <[email protected]>
[Chromium] Add HarfBuzzShaperBase class
Modified: trunk/Source/WebCore/English.lproj/localizedStrings.js
(Binary files differ)
Modified: trunk/Source/WebCore/inspector/front-end/Spectrum.js (108733 => 108734)
--- trunk/Source/WebCore/inspector/front-end/Spectrum.js 2012-02-24 07:00:03 UTC (rev 108733)
+++ trunk/Source/WebCore/inspector/front-end/Spectrum.js 2012-02-24 07:28:39 UTC (rev 108734)
@@ -51,7 +51,7 @@
var rangeContainer = this._containerElement.createChild("div", "spectrum-range-container");
var alphaLabel = rangeContainer.createChild("label");
- alphaLabel.textContent = WebInspector.UIString("alpha: ");
+ alphaLabel.textContent = WebInspector.UIString("\u03B1:");
this._alphaElement = rangeContainer.createChild("input", "spectrum-range");
this._alphaElement.setAttribute("type", "range");
Modified: trunk/Source/WebCore/inspector/front-end/elementsPanel.css (108733 => 108734)
--- trunk/Source/WebCore/inspector/front-end/elementsPanel.css 2012-02-24 07:00:03 UTC (rev 108733)
+++ trunk/Source/WebCore/inspector/front-end/elementsPanel.css 2012-02-24 07:28:39 UTC (rev 108734)
@@ -536,7 +536,7 @@
background: rgba(230, 230, 230, 1) !important;
border: 1px solid #646464;
padding: 10px;
- width: 210px;
+ width: 220px;
z-index: 10;
-webkit-user-select: none;
}
@@ -552,11 +552,14 @@
top: 0;
left: 0;
bottom: 0;
- right: 20%;
+ right: 40px;
}
.spectrum-display-value {
-webkit-user-select: text;
+ position: relative;
+ left: 2px;
+ top: -6px;
}
.spectrum-hue {
@@ -564,12 +567,13 @@
top: 0;
right: 0;
bottom: 0;
- left: 83%;
+ left: 170px;
+ -webkit-box-reflect: right -28px;
}
.spectrum-fill {
/* Same as spectrum-color width to force aspect ratio. */
- margin-top: 80%;
+ margin-top: 150px;
}
.spectrum-range-container {
@@ -583,12 +587,15 @@
}
.spectrum-range-container label {
- width: 32px;
display: inline-block;
+ padding-right: 4px;
}
.spectrum-range-container input {
- width: 130px;
+ position: absolute;
+ left: 15px;
+ right: 40px;
+ margin: 3px 0 0 0;
}
.swatch, .spectrum-dragger, .spectrum-slider {
@@ -623,9 +630,14 @@
position: absolute;
top: 0;
cursor: pointer;
- height: 5px;
- width: 110%;
- margin-left: -5%;
- background: white;
- opacity: .8;
+ border: 1px solid black;
+ height: 4px;
+ left: -1px;
+ right: -1px;
}
+
+.spectrum-container .swatch {
+ width: 20px;
+ height:20px;
+ margin: 0;
+}
Modified: trunk/Source/WebCore/inspector/front-end/inspector.css (108733 => 108734)
--- trunk/Source/WebCore/inspector/front-end/inspector.css 2012-02-24 07:00:03 UTC (rev 108733)
+++ trunk/Source/WebCore/inspector/front-end/inspector.css 2012-02-24 07:28:39 UTC (rev 108734)
@@ -1437,8 +1437,6 @@
}
.swatch {
- display: inline-block;
- vertical-align: baseline;
margin-left: 1px;
margin-right: 2px;
margin-bottom: -1px;
@@ -1446,6 +1444,7 @@
height: 1em;
border: 1px solid rgba(128, 128, 128, 0.6);
background-image: url(Images/checker.png);
+ display: inline-block;
}
.swatch-inner {
_______________________________________________
webkit-changes mailing list
[email protected]
http://lists.webkit.org/mailman/listinfo.cgi/webkit-changes
