From 6fa340b17c71221bebbdff24f19b8e6602bea395 Mon Sep 17 00:00:00 2001
From: Masahiko AMANO <hiko-19@ya.ru>
Date: Sun, 5 Apr 2026 13:32:35 +0300
Subject: [PATCH] feat(frontend): make header and filter bar sticky on scroll

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 frontend/src/lib/components/file/FilterBar.svelte | 3 +++
 frontend/src/lib/components/layout/Header.svelte  | 3 +++
 2 files changed, 6 insertions(+)

diff --git a/frontend/src/lib/components/file/FilterBar.svelte b/frontend/src/lib/components/file/FilterBar.svelte
index 778aba4..e54d5bd 100644
--- a/frontend/src/lib/components/file/FilterBar.svelte
+++ b/frontend/src/lib/components/file/FilterBar.svelte
@@ -169,6 +169,9 @@
 		display: flex;
 		flex-direction: column;
 		gap: 8px;
+		position: sticky;
+		top: 43px; /* header height */
+		z-index: 9;
 	}
 
 	.active {
diff --git a/frontend/src/lib/components/layout/Header.svelte b/frontend/src/lib/components/layout/Header.svelte
index 69a276a..f5f1126 100644
--- a/frontend/src/lib/components/layout/Header.svelte
+++ b/frontend/src/lib/components/layout/Header.svelte
@@ -77,6 +77,9 @@
 		border-bottom: 1px solid color-mix(in srgb, var(--color-accent) 15%, transparent);
 		gap: 6px;
 		flex-shrink: 0;
+		position: sticky;
+		top: 0;
+		z-index: 10;
 	}
 
 	.select-btn {