rope/nixos
1
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

quickshell: wrap notifications in a card to match the other panes

Browse source 
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
rope 2026-06-11 14:40:54 +01:00
parent 583b0588c2
commit d24a51b0af
1 changed files with 136 additions and 125 deletions
Download patch file Download diff file Expand all files Collapse all files

29
settings/quickshell.nix
View file

@ -2089,7 +2089,21 @@ in
} }
} }
// Notifications header // Notifications card
Rectangle {
width: parent.width
height: notifCardCol.height + 16
radius: 8
color: Theme.base01
Column {
id: notifCardCol
anchors.top: parent.top
anchors.topMargin: 8
anchors.horizontalCenter: parent.horizontalCenter
width: parent.width - 16
spacing: 6
Item { Item {
width: parent.width width: parent.width
height: 20 height: 20
@ -2124,10 +2138,6 @@ in
} }
} }
Column {
spacing: 4
width: parent.width
Text { Text {
visible: bar.notifServer.trackedNotifications.values.length === 0 visible: bar.notifServer.trackedNotifications.values.length === 0
text: "No notifications" text: "No notifications"
@ -2143,10 +2153,10 @@ in
Rectangle { Rectangle {
id: notifItem id: notifItem
required property var modelData required property var modelData
width: calRightCol.width width: notifCardCol.width
height: notifCol.height + 12 height: notifCol.height + 12
radius: 6 radius: 6
color: Theme.base01 color: Theme.base02
Column { Column {
id: notifCol id: notifCol
@ -2188,9 +2198,9 @@ in
width: actionText.width + 12 width: actionText.width + 12
height: actionText.height + 4 height: actionText.height + 4
radius: 4 radius: 4
color: actionMa.containsMouse ? Theme.base02 : Theme.base01 color: actionMa.containsMouse ? Theme.base03 : Theme.base02
border.width: 1 border.width: 1
border.color: Theme.base02 border.color: Theme.base03
Text { Text {
id: actionText id: actionText
anchors.centerIn: parent anchors.centerIn: parent
@ -2234,6 +2244,7 @@ in
} }
} }
} }
}
// ── Notification Toast (only on primary screen) ── // ── Notification Toast (only on primary screen) ──
Item { Item {