ezer-mishpati/legal-ai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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:
Chaim
2026-05-27 09:33:55 +00:00
parent cbc7a1e336
commit c4046cc0a0
2 changed files with 8 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
web-ui/src/app/precedents/[id]/page.tsx
View File

@@ -313,10 +313,10 @@ function CitationBlock({
type="button" type="button"
onClick={onStartEdit} onClick={onStartEdit}
title="ערוך מראה מקום" title="ערוך מראה מקום"
className="inline-flex items-center gap-1 rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink h-7 px-2 text-[0.72rem]" aria-label="ערוך מראה מקום"
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 h-7 w-7"
> >
<Pencil className="w-3.5 h-3.5" /> <Pencil className="w-3.5 h-3.5" />
ערוך
</button> </button>
</div> </div>
</div> </div>

17
web-ui/src/components/precedents/formatted-citation.tsx
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 ( return (
<button <button
type="button" type="button"
onClick={handleCopy} onClick={handleCopy}
title="העתק לפי כללי הציטוט (עם הדגשה לצדדים)" title={copied ? "הועתק" : "העתק לפי כללי הציטוט (עם הדגשה לצדדים)"}
className={`inline-flex items-center gap-1 rounded-md border border-rule bg-surface hover:bg-rule-soft/50 text-ink ${dims}`} 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 ? ( {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> </button>
); );