feat(quickshell): add popup controls and privacy indicators

1 files changed, 37 insertions, 10 deletions

diff --git a/modules/system/quickshell/NotificationPopupList.qml b/modules/system/quickshell/NotificationPopupList.qml
index 6b9280b..2ea7871 100644
--- a/modules/system/quickshell/NotificationPopupList.qml
+++ b/modules/system/quickshell/NotificationPopupList.qml
@@ -14,11 +14,14 @@ PanelWindow {
 
     visible: popupList.count > 0
 
-    anchors { top: true; right: true }
+    anchors {
+        top: true
+        right: true
+    }
     WlrLayershell.margins.top: Theme.barHeight
     exclusionMode: ExclusionMode.Ignore
     color: "transparent"
-    
+
     readonly property int edgeMargin: 12
     readonly property int animationSafeMargin: 80
     readonly property int popupWidth: 400
@@ -43,7 +46,7 @@ PanelWindow {
         model: root.popupModel
         interactive: false
         clip: false
-        
+
         delegate: NotificationCard {
             onActionInvoked: (id, identifier) => root.actionInvoked(id, identifier)
             onReplySent: (id, text) => root.replySent(id, text)
@@ -54,22 +57,46 @@ PanelWindow {
 
         add: Transition {
             ParallelAnimation {
-                NumberAnimation { property: "opacity"; from: 0; to: 1; duration: 250; easing.type: Easing.OutSine }
-                NumberAnimation { property: "x"; from: popupWidth + edgeMargin; duration: 350; easing.type: Easing.OutBack }
+                NumberAnimation {
+                    property: "opacity"
+                    from: 0
+                    to: 1
+                    duration: 250
+                    easing.type: Easing.OutSine
+                }
+                NumberAnimation {
+                    property: "x"
+                    from: popupWidth + edgeMargin
+                    duration: 350
+                    easing.type: Easing.OutBack
+                }
             }
         }
 
         remove: Transition {
             ParallelAnimation {
-                NumberAnimation { property: "opacity"; from: 1; to: 0; duration: 200; easing.type: Easing.InSine }
-                NumberAnimation { property: "x"; to: popupWidth + edgeMargin; duration: 200; easing.type: Easing.InSine }
+                NumberAnimation {
+                    property: "opacity"
+                    from: 1
+                    to: 0
+                    duration: 200
+                    easing.type: Easing.InSine
+                }
+                NumberAnimation {
+                    property: "x"
+                    to: popupWidth + edgeMargin
+                    duration: 200
+                    easing.type: Easing.InSine
+                }
             }
         }
 
         displaced: Transition {
-            NumberAnimation { properties: "x,y"; duration: 250; easing.type: Easing.OutSine }
+            NumberAnimation {
+                properties: "x,y"
+                duration: 250
+                easing.type: Easing.OutSine
+            }
         }
     }
 }
-
-