ui(precedents): citation action buttons icon-only
All checks were successful
Build & Deploy / build-and-deploy (push) Successful in 35s

Drop the visible "העתק" / "ערוך" labels and keep just the icon —
matches the editorial/judicial restraint of the surrounding card.
Tooltip + aria-label preserve the affordance for hover and assistive
tech.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-05-27 09:33:55 +00:00
parent cbc7a1e336
commit c4046cc0a0
2 changed files with 8 additions and 13 deletions

View File

@@ -97,24 +97,19 @@ export function CitationCopyButton({
}
}
const dims = size === "xs" ? "h-7 px-2 text-[0.72rem]" : "h-8 px-2.5 text-xs";
const dims = size === "xs" ? "h-7 w-7" : "h-8 w-8";
return (
<button
type="button"
onClick={handleCopy}
title="העתק לפי כללי הציטוט (עם הדגשה לצדדים)"
className={`inline-flex items-center gap-1 rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink ${dims}`}
title={copied ? "הועתק" : "העתק לפי כללי הציטוט (עם הדגשה לצדדים)"}
aria-label={copied ? "הועתק" : "העתק מראה מקום"}
className={`inline-flex items-center justify-center rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink-muted hover:text-navy ${dims}`}
>
{copied ? (
<>
<Check className="w-3.5 h-3.5 text-emerald-600" />
הועתק
</>
<Check className="w-3.5 h-3.5 text-emerald-600" />
) : (
<>
<Copy className="w-3.5 h-3.5" />
העתק
</>
<Copy className="w-3.5 h-3.5" />
)}
</button>
);