bar: add scroll actions to fillers

Also change the brightness osd icon depending on value

1 files changed, 21 insertions, 2 deletions

diff --git a/modules/bar/Pills.qml b/modules/bar/Pills.qml
index b6b9288..e326827 100644
--- a/modules/bar/Pills.qml
+++ b/modules/bar/Pills.qml
@@ -1,13 +1,17 @@
 import "root:/widgets"
+import "root:/services"
 import "root:/config"
 import "components"
 import "components/workspaces"
+import Quickshell
 import QtQuick
 import QtQuick.Layouts
 
 BoxLayout {
     id: root
 
+    required property ShellScreen screen
+
     function get(horiz, vert) {
         return BarConfig.vertical ? vert : horiz;
     }
@@ -42,9 +46,16 @@ BoxLayout {
         }
     }
 
-    Item {
+    MouseArea {
         Layout.fillWidth: true
         Layout.fillHeight: true
+
+        onWheel: event => {
+            if (event.angleDelta.y > 0)
+                Audio.setVolume(Audio.volume + 0.1);
+            else if (event.angleDelta.y < 0)
+                Audio.setVolume(Audio.volume - 0.1);
+        }
     }
 
     Pill {
@@ -56,9 +67,17 @@ BoxLayout {
         }
     }
 
-    Item {
+    MouseArea {
         Layout.fillWidth: true
         Layout.fillHeight: true
+
+        onWheel: event => {
+            const monitor = Brightness.getMonitorForScreen(root.screen);
+            if (event.angleDelta.y > 0)
+                monitor.setBrightness(monitor.brightness + 0.1);
+            else if (event.angleDelta.y < 0)
+                monitor.setBrightness(monitor.brightness - 0.1);
+        }
     }
 
     Pill {