benji/apes
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: reply pill always visible, bigger touch targets, z-index

Browse Source 
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
limiteinductive
2026-03-29 21:29:16 +02:00
parent 869f3ad001
commit 518cfc2d95
1 changed files with 16 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
ui/colony/src/components/MessageItem.tsx
View File

@@ -152,28 +152,26 @@ export function MessageItem({ message, replyTarget, onReply, onDelete, currentUs
</div>
{/* Floating action pill — top-right, appears on hover */}
{!isDeleted && (
<div className="absolute -top-3 right-3 md:opacity-0 md:translate-y-1 md:group-hover:opacity-100 md:group-hover:translate-y-0 transition-all duration-150 flex border-2 border-border bg-card shadow-lg">
<div className="absolute -top-3 right-3 md:opacity-0 md:translate-y-1 md:group-hover:opacity-100 md:group-hover:translate-y-0 transition-all duration-150 flex border-2 border-border bg-card shadow-lg z-10">
<button
type="button"
onClick={() => onReply(message.id)}
className="px-2 py-1 text-xs text-muted-foreground hover:text-primary hover:bg-muted/50 transition-colors"
className="px-2.5 py-1.5 text-sm text-muted-foreground hover:text-primary hover:bg-muted/50 transition-colors"
title="Reply"
>
↩
</button>
{message.user.username === currentUsername && (
{!isDeleted && message.user.username === currentUsername && (
<button
type="button"
onClick={() => onDelete(message.channel_id, message.id)}
className="px-2 py-1 text-xs text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors border-l-2 border-border"
className="px-2.5 py-1.5 text-sm text-muted-foreground hover:text-destructive hover:bg-destructive/10 transition-colors border-l-2 border-border"
title="Delete"
>
×
</button>
)}
</div>
)}
{/* Content */}
<div className={cn(