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:
@@ -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 ? (
|
||||
|
||||
Reference in New Issue
Block a user