[SliderStyle] Allow providing a "hint-handle-size" element

This hints the actual size of the handle, excluding any padding and shadows
and allows for the handle to touch the outermost border of the rail underneath.

Differential Revision: https://phabricator.kde.org/D4762

src/declarativeimports/plasmastyle/SliderStyle.qml

@@ -40,12 +40,13 @@ QtQuickControlStyle.SliderStyle {
 
     }
     handle: Item {
-        width: handle.naturalSize.width
+        width: grooveSvg.hasElement("hint-handle-size") ? grooveSvg.elementSize("hint-handle-size").width : handle.width
-        height: handle.naturalSize.height
+        height: grooveSvg.hasElement("hint-handle-size") ? grooveSvg.elementSize("hint-handle-size").height : handle.height
+
         //keep this opaque to not show half highlight beneath
         Private.RoundShadow {
             id: shadow
-            anchors.fill: parent
+            anchors.fill: handle
             imagePath: "widgets/slider"
             focusElement: "horizontal-slider-focus"
             hoverElement: "horizontal-slider-hover"
@@ -54,7 +55,9 @@ QtQuickControlStyle.SliderStyle {
         }
         PlasmaCore.SvgItem {
             id: handle
-            anchors.fill: parent
+            anchors.centerIn: parent
+            width: naturalSize.width
+            height: naturalSize.height
             svg: grooveSvg
             elementId: "horizontal-slider-handle"
         }