From 9ada66a78ea58d8b498f1dd26bf0783e1a442c51 Mon Sep 17 00:00:00 2001
From: Laurens Duin <85798751+Laurens256@users.noreply.github.com>
Date: Tue, 5 Aug 2025 08:04:53 +0200
Subject: bar/popouts: add audio device switcher (#319)

* feat: basic audio switcher

* feat: replace VerticalSlider with StyledSlider

* fix: styling

* fix: formatting

* chore: make sound icons consistent, change slider styling

* feat: styled slider component variants

* chore: cleanup

* chore: cleanup

* fix: pr fixes

* fix: remove redundant code

* chore: remove old code

* fix: controls styling

* fixes

* more tweaks

* radiobtn: add interaction stuff

Anim slider

---------

Co-authored-by: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
---
 modules/lock/MediaPlaying.qml | 53 ++-----------------------------------------
 1 file changed, 2 insertions(+), 51 deletions(-)

(limited to 'modules/lock')

diff --git a/modules/lock/MediaPlaying.qml b/modules/lock/MediaPlaying.qml
index 08f1490..2ebd177 100644
--- a/modules/lock/MediaPlaying.qml
+++ b/modules/lock/MediaPlaying.qml
@@ -1,4 +1,5 @@
 import qs.components
+import qs.components.controls
 import qs.services
 import qs.config
 import Quickshell.Widgets
@@ -164,7 +165,7 @@ RowLayout {
 
             spacing: Appearance.spacing.small
 
-            Slider {
+            StyledSlider {
                 id: slider
 
                 Layout.rightMargin: root.isLarge ? Appearance.spacing.small : 0
@@ -177,56 +178,6 @@ RowLayout {
                     if (active?.canSeek && active?.positionSupported)
                         active.position = value * active.length;
                 }
-
-                background: Item {
-                    StyledRect {
-                        anchors.top: parent.top
-                        anchors.bottom: parent.bottom
-                        anchors.left: parent.left
-                        anchors.topMargin: slider.implicitHeight / 3
-                        anchors.bottomMargin: slider.implicitHeight / 3
-
-                        implicitWidth: slider.handle.x - slider.implicitHeight / 6
-
-                        color: Colours.palette.m3primary
-                        radius: Appearance.rounding.full
-                        topRightRadius: slider.implicitHeight / 15
-                        bottomRightRadius: slider.implicitHeight / 15
-                    }
-
-                    StyledRect {
-                        anchors.top: parent.top
-                        anchors.bottom: parent.bottom
-                        anchors.right: parent.right
-                        anchors.topMargin: slider.implicitHeight / 3
-                        anchors.bottomMargin: slider.implicitHeight / 3
-
-                        implicitWidth: parent.width - slider.handle.x - slider.handle.implicitWidth - slider.implicitHeight / 6
-
-                        color: Colours.palette.m3surfaceContainer
-                        radius: Appearance.rounding.full
-                        topLeftRadius: slider.implicitHeight / 15
-                        bottomLeftRadius: slider.implicitHeight / 15
-                    }
-                }
-
-                handle: StyledRect {
-                    id: rect
-
-                    x: slider.visualPosition * slider.availableWidth
-
-                    implicitWidth: slider.implicitHeight / 4.5
-                    implicitHeight: slider.implicitHeight
-
-                    color: Colours.palette.m3primary
-                    radius: Appearance.rounding.full
-
-                    MouseArea {
-                        anchors.fill: parent
-                        cursorShape: Qt.PointingHandCursor
-                        onPressed: event => event.accepted = false
-                    }
-                }
             }
 
             Control {
-- 
cgit v1.2.3-freya