From 618512ac8cee63cec9bb6550b47d863c001e3740 Mon Sep 17 00:00:00 2001
From: Thomas Hartmann <Thomas.Hartmann@digia.com>
Date: Mon, 4 Nov 2013 14:58:08 +0100
Subject: [PATCH] QmlDesigner.PropertyEditor: style HueSlider

Change-Id: Iec7483006ca91482c7f9a6a81dc742294e78ad1f
Reviewed-by: Thomas Hartmann <Thomas.Hartmann@digia.com>
---
 .../HelperWidgets/HueSlider.qml               | 27 +++++++------------
 1 file changed, 10 insertions(+), 17 deletions(-)

diff --git a/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/HueSlider.qml b/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/HueSlider.qml
index b37a1558a1..6e715962d4 100644
--- a/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/HueSlider.qml
+++ b/share/qtcreator/qmldesigner/propertyEditorQmlSources/HelperWidgets/HueSlider.qml
@@ -76,8 +76,6 @@ Item {
             Rectangle {
                 anchors.fill: track
                 anchors.margins: -1
-                //anchors.topMargin: -2
-                //anchors.leftMargin: -2
                 color: "darkGray"
             }
 
@@ -96,31 +94,26 @@ Item {
                 height: parent.height
             }
 
-//            BorderImage {
-//                source: "images/sunken_frame.png"
-//                border.left: 4
-//                border.right: 4
-//                border.top: 4
-//                border.bottom: 4
-//                anchors.fill: track
-//                anchors.margins: -1
-//                anchors.topMargin: -2
-//                anchors.leftMargin: -2
-//            }
-
             Rectangle {
                 id: handle
                 width: 14
-                height: 8
+                height: 10
+
+                opacity: 0.9
 
                 anchors.horizontalCenter: parent.horizontalCenter
                 smooth: true
 
-                radius: 24
-                color: "gray"
+                radius: 2
                 border.color: "black"
                 border.width: 1
 
+                gradient: Gradient {
+                    GradientStop {color: "#2c2c2c" ; position: 0}
+                    GradientStop {color: "#343434" ; position: 0.15}
+                    GradientStop {color: "#373737" ; position: 1.0}
+                }
+
 
                 y: updatePos()
                 z: 1
-- 
2.26.2