Made sliders in planets example easier to use on touch devices

Change-Id: I2b4d151ce55ca68c7fb5dd0f8ff022dcdb83e38e
Task-number: QTBUG-46585
Reviewed-by: Pasi Keränen <pasi.keranen@digia.com>

2 files changed, 13 insertions, 6 deletions

diff --git a/examples/canvas3d/canvas3d/threejs/planets/StyledSlider.qml b/examples/canvas3d/canvas3d/threejs/planets/StyledSlider.qml
index 1601dd3..bcb1665 100644
--- a/examples/canvas3d/canvas3d/threejs/planets/StyledSlider.qml
+++ b/examples/canvas3d/canvas3d/threejs/planets/StyledSlider.qml
@@ -57,12 +57,19 @@ Slider {
             }
         }
         handle: Rectangle {
+            Rectangle {
+                anchors.centerIn: parent
+                color: "#aeadac"
+                border.color: "#1e1b18"
+                border.width: 1
+                implicitWidth: 8
+                implicitHeight: 20
+            }
             anchors.centerIn: parent
-            color: "#aeadac"
-            border.color: "#1e1b18"
-            border.width: 1
-            implicitWidth: 8
-            implicitHeight: 20
+            color: "transparent"
+            border.width: 0
+            implicitWidth: 50
+            implicitHeight: 50
         }
     }
 }
diff --git a/examples/canvas3d/canvas3d/threejs/planets/planets.qml b/examples/canvas3d/canvas3d/threejs/planets/planets.qml
index 4b4d313..abb21c7 100644
--- a/examples/canvas3d/canvas3d/threejs/planets/planets.qml
+++ b/examples/canvas3d/canvas3d/threejs/planets/planets.qml
@@ -331,7 +331,7 @@ Item {
     }
     Text {
         y: distanceSlider.y + distanceSlider.height + width + 10
-        x: distanceSlider.x
+        x: distanceSlider.x + 12
         transform: Rotation {
             origin.x: 0;
             origin.y: 0;