From f49ef14de8ee6441b0510a1a4883696a0c42c0d8 Mon Sep 17 00:00:00 2001
From: Sander van Grieken <sander@outrightsolutions.nl>
Date: Thu, 16 Mar 2023 14:14:46 +0100
Subject: [PATCH] qml: SwapDialog slider styling; add zero tick and fill slider
 range from zero

---
 electrum/gui/qml/components/SwapDialog.qml | 36 ++++++++++++++++++++++
 1 file changed, 36 insertions(+)

diff --git a/electrum/gui/qml/components/SwapDialog.qml b/electrum/gui/qml/components/SwapDialog.qml
index 094d692c2..208f0661a 100644
--- a/electrum/gui/qml/components/SwapDialog.qml
+++ b/electrum/gui/qml/components/SwapDialog.qml
@@ -164,6 +164,42 @@ ElDialog {
 
             Layout.fillWidth: true
 
+            background: Rectangle {
+                x: swapslider.leftPadding
+                y: swapslider.topPadding + swapslider.availableHeight / 2 - height / 2
+                implicitWidth: 200
+                implicitHeight: 4
+                width: swapslider.availableWidth
+                height: implicitHeight
+                radius: 2
+                color: Color.transparent(control.Material.accentColor, 0.33)
+
+                // full width somehow misaligns with handle, define rangeWidth
+                property int rangeWidth: width - swapslider.leftPadding
+
+                Rectangle {
+                    x: swapslider.visualPosition > swapslider.scenter
+                        ? swapslider.scenter * parent.rangeWidth
+                        : swapslider.visualPosition * parent.rangeWidth
+                    width: swapslider.visualPosition > swapslider.scenter
+                        ? (swapslider.visualPosition-swapslider.scenter) * parent.rangeWidth
+                        : (swapslider.scenter-swapslider.visualPosition) * parent.rangeWidth
+                    height: parent.height
+                    color: Material.accentColor
+                    radius: 2
+                }
+
+                Rectangle {
+                    x: swapslider.scenter * parent.rangeWidth
+                    y: -4
+                    width: 1
+                    height: parent.height + 2*4
+                    color: parent.color
+                }
+            }
+
+            property real scenter: -swapslider.from/(swapslider.to-swapslider.from)
+
             from: swaphelper.rangeMin
             to: swaphelper.rangeMax