From a6e5ea5e115d9c504e0203fc3cf49e2bba0c97ca Mon Sep 17 00:00:00 2001
From: gca <gadams@harrisassoc.com>
Date: Thu, 2 Apr 2026 19:11:56 -0500
Subject: [PATCH] fix: remove progress bar gap and hide filter bar on caption
 expand

- Remove 12px bottom padding on progress bar that created a gap above
  the tab nav
- Dim filter bar when caption is expanded, matching existing behavior
  for reaction pill expansion
---
 src/lib/components/ProgressBar.svelte | 2 +-
 src/lib/components/ReelItem.svelte    | 3 +++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/lib/components/ProgressBar.svelte b/src/lib/components/ProgressBar.svelte
index 7ad96ec..67af893 100644
--- a/src/lib/components/ProgressBar.svelte
+++ b/src/lib/components/ProgressBar.svelte
@@ -111,7 +111,7 @@
 		display: flex;
 		align-items: flex-end;
 		cursor: pointer;
-		padding: 28px 0 12px;
+		padding: 28px 0 0;
 		touch-action: none;
 		transition: opacity 0.3s ease;
 	}
diff --git a/src/lib/components/ReelItem.svelte b/src/lib/components/ReelItem.svelte
index dbb418f..19434db 100644
--- a/src/lib/components/ReelItem.svelte
+++ b/src/lib/components/ReelItem.svelte
@@ -239,6 +239,9 @@
 	$effect(() => {
 		if (active) feedUiHidden.set(uiHidden);
 	});
+	$effect(() => {
+		if (active) filterBarDimmed.set(captionExpanded);
+	});
 	let hasClearedReactionNotifs = $state(false);
 	$effect(() => {
 		if (!active || hasClearedReactionNotifs) return;