From ef2956619f8191c4d8c6dee16cd06b165d378d87 Mon Sep 17 00:00:00 2001
From: dtoro <d.toro.v@pm.me>
Date: Tue, 21 Jul 2026 12:15:13 +0200
Subject: [PATCH] fix(web): pin the tasks table header while scrolling
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

sticky top-0 on each <th> (not the <thead> itself — more consistent
sticky support across browsers for table headers) plus a background so
scrolled rows don't show through underneath it.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
---
 web/src/pages/Overview.svelte | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/web/src/pages/Overview.svelte b/web/src/pages/Overview.svelte
index 3a601fd..e9008c2 100644
--- a/web/src/pages/Overview.svelte
+++ b/web/src/pages/Overview.svelte
@@ -87,7 +87,7 @@
     {:else}
       <table class="w-full text-sm">
         <thead>
-          <tr class="border-b text-left text-xs text-muted-foreground">
+          <tr class="border-b text-left text-xs text-muted-foreground [&>th]:sticky [&>th]:top-0 [&>th]:z-10 [&>th]:bg-card/95 [&>th]:backdrop-blur">
             <th class="w-36 px-4 py-2 font-medium">Status</th>
             <th class="px-4 py-2 font-medium">Task</th>
             <th class="hidden px-4 py-2 font-medium md:table-cell">Summary</th>