From 042c8dd46127f63a4f8d7aae28f868b47e85e7e0 Mon Sep 17 00:00:00 2001
From: end-4 <97237370+end-4@users.noreply.github.com>
Date: Wed, 23 Apr 2025 22:16:18 +0200
Subject: [PATCH] overview windows: interaction

---
 .../modules/overview/OverviewWindow.qml       | 24 +++++++++++++++----
 1 file changed, 20 insertions(+), 4 deletions(-)

diff --git a/.config/quickshell/modules/overview/OverviewWindow.qml b/.config/quickshell/modules/overview/OverviewWindow.qml
index 34a062eb6..cbb00ec68 100644
--- a/.config/quickshell/modules/overview/OverviewWindow.qml
+++ b/.config/quickshell/modules/overview/OverviewWindow.qml
@@ -18,11 +18,16 @@ Rectangle { // Window
     property var scale
     property var availableWorkspaceWidth
     property var availableWorkspaceHeight
+    
+    property var targetWindowWidth: windowData?.size[0] * scale
+    property var targetWindowHeight: windowData?.size[1] * scale
+    property bool hovered: false
+    property bool pressed: false
 
     property var iconToWindowRatio: 0.35
     property var iconToWindowRatioCompact: 0.6
     property var iconPath: Quickshell.iconPath(Icons.noKnowledgeIconGuess(windowData?.class))
-    property bool compactMode: Appearance.font.pixelSize.smaller * 4 > root.height || Appearance.font.pixelSize.smaller * 4 > root.width
+    property bool compactMode: Appearance.font.pixelSize.smaller * 4 > targetWindowHeight || Appearance.font.pixelSize.smaller * 4 > targetWindowWidth
 
     z: 1
     x: Math.max((windowData?.at[0] - monitorData?.reserved[0]) * root.scale, 0)
@@ -31,7 +36,7 @@ Rectangle { // Window
     height: Math.min(windowData?.size[1] * root.scale, availableWorkspaceHeight - y)
 
     radius: Appearance.rounding.windowRounding * root.scale
-    color: Appearance.colors.colLayer2
+    color: pressed ? Appearance.colors.colLayer2Active : hovered ? Appearance.colors.colLayer2Hover : Appearance.colors.colLayer2
     border.color : Appearance.transparentize(Appearance.m3colors.m3outline, 0.9)
     border.pixelAligned : false
     border.width : 1
@@ -69,6 +74,11 @@ Rectangle { // Window
     MouseArea {
         id: mouseArea
         anchors.fill: parent
+        hoverEnabled: true
+        onEntered: root.hovered = true
+        onExited: root.hovered = false
+        onPressed: root.pressed = true
+        onReleased: root.pressed = false
         onClicked: {
             if (windowData) {
                 closeOverview.running = true
@@ -87,8 +97,14 @@ Rectangle { // Window
             id: windowIcon
             Layout.alignment: Qt.AlignHCenter
             source: root.iconPath
-            width: root.width * (root.compactMode ? root.iconToWindowRatioCompact : root.iconToWindowRatio)
-            height: root.height * (root.compactMode ? root.iconToWindowRatioCompact : root.iconToWindowRatio)
+            implicitSize: Math.min(targetWindowWidth, targetWindowHeight) * (root.compactMode ? root.iconToWindowRatioCompact : root.iconToWindowRatio)
+
+            Behavior on implicitSize {
+                NumberAnimation {
+                    duration: Appearance.animation.elementDecel.duration
+                    easing.type: Appearance.animation.elementDecel.type
+                }
+            }
         }
 
         StyledText {