From 79185a2e34fe4bdb47263c593e5605fe1f9fac13 Mon Sep 17 00:00:00 2001
From: Marcel <marcel@familienarchiv>
Date: Sun, 29 Mar 2026 15:27:36 +0200
Subject: [PATCH] fix(notifications): set bg-canvas directly on <li> to prevent
 white bleed
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

The <a> inside each row has transparent background by default — CSS
background-color does not inherit. Putting bg-canvas only on the <ul>
was not enough; browsers still painted items white. Setting bg-canvas
on the <li> itself ensures the canvas color is explicitly applied to
each row in both light and dark mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/routes/notifications/+page.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/routes/notifications/+page.svelte b/frontend/src/routes/notifications/+page.svelte
index 05f49425..28f56e51 100644
--- a/frontend/src/routes/notifications/+page.svelte
+++ b/frontend/src/routes/notifications/+page.svelte
@@ -205,7 +205,7 @@ function typeBadgeLabel(type: NotificationItem['type']): string {
 				class="divide-y divide-line rounded-sm border border-line bg-canvas shadow-sm"
 			>
 				{#each allNotifications as n (n.id)}
-					<li class="relative">
+					<li class="relative bg-canvas">
 						<a
 							href="/documents/{n.documentId}"
 							role="row"