Fix status bubble visibility — use top offset instead of bottom-full

bottom-full anchored the bubble above the avatar block's top edge, which
margin-collapses up into the banner, pushing the bubble off the visible
area. Position it with a top offset within the same coordinate space the
original used, lowered so its tail rests at the banner's bottom edge.
This commit is contained in:
lemon
2026-06-23 08:53:37 -07:00
parent 7e6fe43b86
commit a76d53e686
@@ -488,7 +488,7 @@ export function ProfileAvatarBlock({
anchor the bubble's bottom there and let it grow upward into the
banner. */}
{status?.text && (
<div className="absolute bottom-full mb-1 left-[calc(8rem+8px)] z-10 max-w-[200px] animate-in fade-in slide-in-from-left-1 duration-300">
<div className="absolute top-9 left-[calc(8rem+8px)] z-10 max-w-[200px] animate-in fade-in slide-in-from-left-1 duration-300">
<div className="relative bg-background/90 backdrop-blur-sm border border-border rounded-xl px-3 py-1.5 shadow-lg">
<p className="text-xs text-foreground italic truncate">
{status.url ? (