From 4e41356d5c36aa8811590f0eb0d39396b5705bcf Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Tue, 29 Apr 2025 20:52:02 +1000
Subject: bar: animate tray

---
 modules/bar/components/Tray.qml | 85 +++++++++++++++++++++--------------------
 1 file changed, 44 insertions(+), 41 deletions(-)

(limited to 'modules/bar')

diff --git a/modules/bar/components/Tray.qml b/modules/bar/components/Tray.qml
index 08b638d..7cc93be 100644
--- a/modules/bar/components/Tray.qml
+++ b/modules/bar/components/Tray.qml
@@ -7,47 +7,50 @@ import Quickshell.Services.SystemTray
 import QtQuick
 import Qt5Compat.GraphicalEffects
 
-BoxLayout {
-    id: root
-
-    Repeater {
-        model: SystemTray.items
-
-        MouseArea {
-            id: item
-
-            required property SystemTrayItem modelData
-
-            acceptedButtons: Qt.LeftButton | Qt.RightButton
-            width: Math.round(Appearance.font.size.large * 1.2)
-            height: Math.round(Appearance.font.size.large * 1.2)
-
-            onClicked: event => {
-                if (event.button === Qt.LeftButton)
-                    modelData.activate();
-                else if (modelData.hasMenu)
-                    menu.open();
-            }
-
-            QsMenuAnchor {
-                id: menu
-
-                menu: item.modelData.menu
-                anchor.window: QsWindow.window
-            }
-
-            IconImage {
-                id: icon
-
-                visible: false
-                source: item.modelData.icon
-                anchors.fill: parent
-            }
-
-            ColorOverlay {
-                anchors.fill: icon
-                source: icon
-                color: Appearance.colours.lavender
+StyledRect {
+    animate: true
+    clip: true
+
+    BoxLayout {
+        Repeater {
+            model: SystemTray.items
+
+            MouseArea {
+                id: item
+
+                required property SystemTrayItem modelData
+
+                acceptedButtons: Qt.LeftButton | Qt.RightButton
+                width: Math.round(Appearance.font.size.large * 1.2)
+                height: Math.round(Appearance.font.size.large * 1.2)
+
+                onClicked: event => {
+                    if (event.button === Qt.LeftButton)
+                        modelData.activate();
+                    else if (modelData.hasMenu)
+                        menu.open();
+                }
+
+                QsMenuAnchor {
+                    id: menu
+
+                    menu: item.modelData.menu
+                    anchor.window: QsWindow.window
+                }
+
+                IconImage {
+                    id: icon
+
+                    visible: false
+                    source: item.modelData.icon
+                    anchors.fill: parent
+                }
+
+                ColorOverlay {
+                    anchors.fill: icon
+                    source: icon
+                    color: Appearance.colours.lavender
+                }
             }
         }
     }
-- 
cgit v1.2.3-freya