starred/warmbly
1
0
Fork 0
mirror of https://github.com/warmbly/warmbly.git synced 2026-10-04 00:02:05 +00:00
Code Issues Packages Projects Releases Wiki Activity

web(unibox): slate-500 for the hidden-rows hint and the pencil at rest (4.7:1)

Browse Source 
Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Skylinerffm97
2026-09-29 16:05:51 +02:00
co-authored by Claude Opus 5.5
parent b4b6595f47
commit daebe3bf20
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/src/components/app/unibox/ScopeRail.tsx
+6 -5
View File
@@ -465,11 +465,12 @@ function SectionHeader({
)}
</button>
{/* Non-interactive: a reminder that rows are missing, so a rail that
looks short is not mistaken for a bug. Slate-400 like the header
label (it is information, unlike the quieter slate-300 totals), and
it describes the pencil, so tabbing to it also hears the number. */}
looks short is not mistaken for a bug. Slate-500 (4.7:1 on white),
as is the pencil at rest, because both are new information and the
only way in to editing, unlike the quieter slate-300 totals. It also
describes the pencil, so tabbing to it hears the number. */}
{!!hiddenCount && (
<span id={hiddenId} className="shrink-0 text-[10.5px] text-slate-400 tabular-nums">
<span id={hiddenId} className="shrink-0 text-[10.5px] text-slate-500 tabular-nums">
{hiddenCount} hidden
</span>
)}
@@ -493,7 +494,7 @@ function SectionHeader({
title={`Edit ${label} rows`}
aria-label={`Edit ${label} rows`}
aria-describedby={hiddenCount ? hiddenId : undefined}
className="shrink-0 size-5 rounded inline-flex items-center justify-center text-slate-400 hover:text-slate-600 focus-visible:text-slate-600 hover:bg-slate-200/70 transition-colors"
className="shrink-0 size-5 rounded inline-flex items-center justify-center text-slate-500 hover:text-slate-700 focus-visible:text-slate-700 hover:bg-slate-200/70 transition-colors"
>
<PencilIcon className="w-3.5 h-3.5" />
</button>