fix: notification body wraps properly

.pre-commit-config.yaml

@@ -7,7 +7,7 @@ repos:
     rev: v8.18.2
     hooks:
       - id: gitleaks
-        stages: [commit]
+        stages: [pre-commit]
 
   - repo: local
     hooks:
@@ -17,4 +17,4 @@ repos:
         language: system
         files: .*
         exclude: .*\.(png|jpg|jpeg|age)
-        stages: [commit]
+        stages: [pre-commit]

src/windows/notificationtoast/Toast.qml

@@ -18,22 +18,25 @@ MouseArea {
     required property NotificationUrgency urgency
     required property int index
 
-    hoverEnabled: true
+    property var close: () => {
-    height: box.height
+        toast.parent.parent.model.remove(toast.index, 1);
-    width: box.width
+    }
 
-    BRectangle {
+    hoverEnabled: true
-        id: box
     height: 26
     width: 200
 
     BRectangle {
+        id: box
         anchors.fill: parent
 
         Column {
             anchors.fill: parent
             anchors.margins: 5
+
             Row {
+                Layout.fillWidth: true
+
                 IconImage {
                     source: Quickshell.iconPath(toast.appIcon)
                     height: 16
@@ -43,11 +46,20 @@ MouseArea {
                 Text {
                     text: (toast.appIcon ? " " : toast.appName + ": ") + toast.summary
                 }
+
+                Button {
+                    onClicked: toast.close()
+                    width: 16
+                    height: 16
                 }
+            }
+
             Text {
                 text: toast.body
+                width: parent.width
                 visible: box.state === "expand"
-                }
+                wrapMode: Text.Wrap
+                Layout.fillWidth: true
             }
         }
 
@@ -55,7 +67,7 @@ MouseArea {
             name: "expand"
             when: toast.containsMouse
             PropertyChanges {
-                target: box
+                target: toast
                 width: 250
                 height: 140
             }