Yimaru/Yimaru-Admin
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix sticky filter stacking under global topbar

Browse Source 
Raise topbar z-index and lower the Human Language filters panel stack so sticky filters cannot render above top navigation controls.

Made-with: Cursor
This commit is contained in:
Yared Yemane 2026-04-15 04:42:17 -07:00
parent 97a65ae01e
commit 23d100cdde
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/topbar/Topbar.tsx
View File

@ -45,7 +45,7 @@ export function Topbar({ onSidebarToggle }: TopbarProps) {
}
return (
<header className="sticky top-0 z-10 flex h-16 items-center justify-between gap-3 border-b bg-grayScale-50/85 px-4 backdrop-blur lg:justify-end lg:px-6">
<header className="sticky top-0 z-40 flex h-16 items-center justify-between gap-3 border-b bg-grayScale-50/85 px-4 backdrop-blur lg:justify-end lg:px-6">
{/* Sidebar toggle */}
<button
type="button"

2
src/pages/content-management/HumanLanguagePage.tsx
View File

@ -1382,7 +1382,7 @@ export function HumanLanguagePage() {
</div>
</div>
<Card className="sticky top-20 z-10 border-grayScale-200/80 bg-white/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80">
<Card className="sticky top-3 z-0 border-grayScale-200/80 bg-white/95 shadow-sm backdrop-blur supports-[backdrop-filter]:bg-white/80">
<CardHeader className="pb-3">
<CardTitle className="text-base font-semibold text-grayScale-900">Filters</CardTitle>
</CardHeader>