feat(housekeeping): finish accessible command deck
This commit is contained in:
1 parent
85ad0452d3
commit
a113e48880
55 files changed
+17064
-509
No files matched your search
@@ -92,7 +92,11 @@ export function WidgetSettings({
|
||||
{labels.title}
|
||||
</h2>
|
||||
{error ? (
|
||||
<p role="alert" className="text-[var(--admin-danger)]">
|
||||
<p
|
||||
role="alert"
|
||||
aria-live="assertive"
|
||||
className="text-[var(--admin-danger)]"
|
||||
>
|
||||
{error === labels.error ? error : labels.error}
|
||||
</p>
|
||||
) : null}
|
||||
@@ -105,16 +109,19 @@ export function WidgetSettings({
|
||||
return (
|
||||
<li
|
||||
key={widget.id}
|
||||
className="flex items-center justify-between gap-3 rounded-md border border-[var(--admin-border)] p-3"
|
||||
className="flex min-w-0 items-center justify-between gap-3 rounded-md border border-[var(--admin-border)] p-3"
|
||||
>
|
||||
<label className="flex items-center gap-2">
|
||||
<label className="flex min-w-0 items-center gap-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={checked}
|
||||
disabled={mandatory || savingId !== null}
|
||||
onChange={() => void toggle(widget.id)}
|
||||
className="focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-[var(--admin-accent)]"
|
||||
/>
|
||||
<span>{titles[widget.id] ?? widget.id}</span>
|
||||
<span className="min-w-0 break-words">
|
||||
{titles[widget.id] ?? widget.id}
|
||||
</span>
|
||||
</label>
|
||||
{mandatory ? (
|
||||
<span className="text-xs text-[var(--admin-text-muted)]">
|
||||
|
||||
Reference in new issue
Block a user