Polish pass 10 — hover titles, focus rings, disabled states

- NoteCard: title tooltip on truncated name and NIP-05
- NoteActions: emoji pill buttons dim (opacity-50) while disabled
- DMView: title tooltip on truncated conv name; focus ring on send button
- RelaysView: title tooltip on truncated relay URL
- OnboardingFlow: title tooltips on npub/nsec (nsec only when revealed)
- ArticleEditor: visible focus indicator on title and body textareas
This commit is contained in:
Jure
2026-04-09 19:27:22 +02:00
parent f34f5dc1a3
commit 9b3783b640
6 changed files with 10 additions and 9 deletions
+2 -2
View File
@@ -66,7 +66,7 @@ function ConvRow({
)}
<div className="flex-1 min-w-0">
<div className="flex items-baseline justify-between gap-1">
<span className="text-text text-[12px] font-medium truncate">{name}</span>
<span title={name} className="text-text text-[12px] font-medium truncate">{name}</span>
<span className="text-text-dim text-[10px] shrink-0">{time}</span>
</div>
<div className="text-text-dim text-[11px] truncate">
@@ -225,7 +225,7 @@ function ThreadPanel({
<button
onClick={handleSend}
disabled={!text.trim() || sending}
className="px-3 self-end py-2 text-[11px] bg-accent hover:bg-accent-hover text-accent-text transition-colors disabled:opacity-30 disabled:cursor-not-allowed shrink-0"
className="px-3 self-end py-2 text-[11px] bg-accent hover:bg-accent-hover text-accent-text transition-colors disabled:opacity-30 disabled:cursor-not-allowed shrink-0 focus-visible:ring-1 focus-visible:ring-accent"
>
{sending ? "…" : "send"}
</button>