internal: fix scrolling for high res devices

Implements first part of #202

3 files changed, 9 insertions, 8 deletions

diff --git a/modules/bar/Bar.qml b/modules/bar/Bar.qml
index 5a8f598..13eb7ba 100644
--- a/modules/bar/Bar.qml
+++ b/modules/bar/Bar.qml
@@ -96,12 +96,12 @@ Item {
             implicitWidth: workspacesInner.implicitWidth + Appearance.padding.small * 2
             implicitHeight: workspacesInner.implicitHeight + Appearance.padding.small * 2
 
-            MouseArea {
+            CustomMouseArea {
                 anchors.fill: parent
                 anchors.leftMargin: -Config.border.thickness
                 anchors.rightMargin: -Config.border.thickness
 
-                onWheel: event => {
+                function onWheel(event: WheelEvent): void {
                     const activeWs = Hyprland.activeToplevel?.workspace?.name;
                     if (activeWs?.startsWith("special:"))
                         Hyprland.dispatch(`togglespecialworkspace ${activeWs.slice(8)}`);
diff --git a/modules/bar/components/ActiveWindow.qml b/modules/bar/components/ActiveWindow.qml
index fc0c303..632148e 100644
--- a/modules/bar/components/ActiveWindow.qml
+++ b/modules/bar/components/ActiveWindow.qml
@@ -16,13 +16,13 @@ Item {
     implicitWidth: child.implicitWidth
     implicitHeight: child.implicitHeight
 
-    MouseArea {
+    CustomMouseArea {
         anchors.top: parent.top
         anchors.bottom: child.top
         anchors.left: parent.left
         anchors.right: parent.right
 
-        onWheel: event => {
+        function onWheel(event: WheelEvent): void {
             if (event.angleDelta.y > 0)
                 Audio.setVolume(Audio.volume + 0.1);
             else if (event.angleDelta.y < 0)
@@ -30,13 +30,13 @@ Item {
         }
     }
 
-    MouseArea {
+    CustomMouseArea {
         anchors.top: child.bottom
         anchors.bottom: parent.bottom
         anchors.left: parent.left
         anchors.right: parent.right
 
-        onWheel: event => {
+        function onWheel(event: WheelEvent): void {
             const monitor = root.monitor;
             if (event.angleDelta.y > 0)
                 monitor.setBrightness(monitor.brightness + 0.1);
diff --git a/modules/dashboard/Tabs.qml b/modules/dashboard/Tabs.qml
index 05f574a..b17dc71 100644
--- a/modules/dashboard/Tabs.qml
+++ b/modules/dashboard/Tabs.qml
@@ -103,7 +103,7 @@ Item {
 
         background: null
 
-        contentItem: MouseArea {
+        contentItem: CustomMouseArea {
             id: mouse
 
             implicitWidth: Math.max(icon.width, label.width)
@@ -123,7 +123,8 @@ Item {
 
                 rippleAnim.restart();
             }
-            onWheel: event => {
+
+            function onWheel(event: WheelEvent): void {
                 if (event.angleDelta.y < 0)
                     root.state.currentTab = Math.min(root.state.currentTab + 1, bar.count - 1);
                 else if (event.angleDelta.y > 0)