public_git/bambuddy
1
0
Fork 0
mirror of https://github.com/maziggy/bambuddy.git synced 2026-10-19 15:47:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

Fix filament hover card overlapping navigation bar (#259)

Browse Source 
The FilamentHoverCard positioning logic now accounts for the fixed 56px
header when calculating available space above the trigger element.

Previously, when hovering over AMS slots near the top of the page, the
hover card would appear above the slot but go behind the navigation bar.
Now it correctly detects there isn't enough usable space and flips to
show below the slot instead.

Closes #259
This commit is contained in:
maziggy
2026-02-04 14:26:16 +01:00
parent 85598346f7
commit cf6f374fee
4 changed files with 22 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/FilamentHoverCard.tsx
+4 -2
View File
@@ -87,10 +87,12 @@ export function FilamentHoverCard({ data, children, disabled, className = '', sp
if (isVisible && triggerRef.current && cardRef.current) {
const triggerRect = triggerRef.current.getBoundingClientRect();
const cardHeight = cardRef.current.offsetHeight;
const spaceAbove = triggerRect.top;
// Account for fixed header (56px) - space above should exclude header area
const headerHeight = 56;
const spaceAbove = triggerRect.top - headerHeight;
const spaceBelow = window.innerHeight - triggerRect.bottom;
// Prefer top, but flip to bottom if not enough space
// Prefer top, but flip to bottom if not enough space (accounting for header)
if (spaceAbove < cardHeight + 12 && spaceBelow > spaceAbove) {
setPosition('bottom');
} else {