notifcenter: indent notifications under group header with vertical connector line

2026-04-17 10:45:46 +02:00 · 2026-04-17 10:45:46 +02:00 · 23c70619d8
commit 23c70619d8
parent 7f0df9eb47
1 changed files with 14 additions and 0 deletions
--- a/modules/NotifCenter.qml
+++ b/modules/NotifCenter.qml
@ -410,10 +410,24 @@ M.HoverPanel {
            }

            // ---- Individual notification ----
+
+            // Vertical connector line — visually ties notifs to their group header
+            Rectangle {
+                visible: notifDelegate._type === "notif"
+                anchors.left: parent.left
+                anchors.leftMargin: 3
+                anchors.top: parent.top
+                anchors.bottom: parent.bottom
+                width: 2
+                color: M.Theme.base02
+                radius: 1
+            }
+
            M.NotifCard {
                id: _notifCard
                visible: notifDelegate._type === "notif"
                anchors.fill: parent
+                anchors.leftMargin: 8
                notif: notifDelegate._notif
                showAppName: false
                iconSize: 24