From e539fe0babcf543cf2990e2819d4e9c60e10ba1b Mon Sep 17 00:00:00 2001
From: 2 * r + 2 * t <61896496+soramanew@users.noreply.github.com>
Date: Thu, 16 Jan 2025 19:47:23 +1100
Subject: notifications: empty text

Scrollbar less transparent
---
 src/modules/notifications.tsx | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

(limited to 'src/modules/notifications.tsx')

diff --git a/src/modules/notifications.tsx b/src/modules/notifications.tsx
index ea98ada..8b50a12 100644
--- a/src/modules/notifications.tsx
+++ b/src/modules/notifications.tsx
@@ -65,9 +65,19 @@ export default () => (
                     label="Clear"
                 />
             </box>
-            <scrollable expand hscroll={Gtk.PolicyType.NEVER}>
-                <List />
-            </scrollable>
+            <stack
+                transitionType={Gtk.StackTransitionType.CROSSFADE}
+                transitionDuration={150}
+                shown={bind(AstalNotifd.get_default(), "notifications").as(n => (n.length > 0 ? "list" : "empty"))}
+            >
+                <box vertical valign={Gtk.Align.CENTER} name="empty">
+                    <label className="icon" label="notifications_active" />
+                    <label label="All caught up!" />
+                </box>
+                <scrollable expand hscroll={Gtk.PolicyType.NEVER} name="list">
+                    <List />
+                </scrollable>
+            </stack>
         </box>
     </PopupWindow>
 );
-- 
cgit v1.2.3-freya

