Title: [186601] trunk/Source/WebInspectorUI
Revision
186601
Author
nvasil...@apple.com
Date
2015-07-09 12:16:10 -0700 (Thu, 09 Jul 2015)

Log Message

Web Inspector: Align slider knobs in the color picker
https://bugs.webkit.org/show_bug.cgi?id=146778

Also:
- Use half pixel borders on retina
- Remove one pixel white outline to match native OS X color picker more closely

Reviewed by Timothy Hatcher.

* UserInterface/Views/ColorPicker.css:
(.color-picker > .slider > img):
* UserInterface/Views/Slider.css:
(.slider):
(@media (-webkit-min-device-pixel-ratio: 2)):

Modified Paths

Diff

Modified: trunk/Source/WebInspectorUI/ChangeLog (186600 => 186601)


--- trunk/Source/WebInspectorUI/ChangeLog	2015-07-09 18:48:52 UTC (rev 186600)
+++ trunk/Source/WebInspectorUI/ChangeLog	2015-07-09 19:16:10 UTC (rev 186601)
@@ -1,3 +1,20 @@
+2015-07-09  Nikita Vasilyev  <nvasil...@apple.com>
+
+        Web Inspector: Align slider knobs in the color picker
+        https://bugs.webkit.org/show_bug.cgi?id=146778
+
+        Also:
+        - Use half pixel borders on retina
+        - Remove one pixel white outline to match native OS X color picker more closely
+
+        Reviewed by Timothy Hatcher.
+
+        * UserInterface/Views/ColorPicker.css:
+        (.color-picker > .slider > img):
+        * UserInterface/Views/Slider.css:
+        (.slider):
+        (@media (-webkit-min-device-pixel-ratio: 2)):
+
 2015-07-09  Matt Baker  <mattba...@apple.com>
 
         Web Inspector: Rendering Frame segment colors should match those used in original Timelines graph

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css (186600 => 186601)


--- trunk/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css	2015-07-09 18:48:52 UTC (rev 186600)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/ColorPicker.css	2015-07-09 19:16:10 UTC (rev 186601)
@@ -41,6 +41,11 @@
     -webkit-transform-origin: 0 0;
 }
 
+.color-picker > .slider > img {
+    left: -4px;
+    top: 0;
+}
+
 .color-picker > .brightness {
     left: 215px;
 }

Modified: trunk/Source/WebInspectorUI/UserInterface/Views/Slider.css (186600 => 186601)


--- trunk/Source/WebInspectorUI/UserInterface/Views/Slider.css	2015-07-09 18:48:52 UTC (rev 186600)
+++ trunk/Source/WebInspectorUI/UserInterface/Views/Slider.css	2015-07-09 19:16:10 UTC (rev 186601)
@@ -26,8 +26,7 @@
 .slider {
     position: absolute;
     height: 11px;
-    outline: 1px solid rgb(148, 148, 148);
-    border: 1px solid white;
+    border: 1px solid hsl(0, 0%, 75%);
 }
 
 .slider > img {
@@ -42,3 +41,9 @@
 .slider > img.dragging {
     content: -webkit-image-set(url(../Images/SliderThumbPressed.png) 1x, url(../Images/sliderthumbpres...@2x.png) 2x);
 }
+
+@media (-webkit-min-device-pixel-ratio: 2) {
+    .slider {
+        border: 0.5px solid hsl(0, 0%, 50%);
+    }
+}
_______________________________________________
webkit-changes mailing list
webkit-changes@lists.webkit.org
https://lists.webkit.org/mailman/listinfo/webkit-changes

Reply via email to