FN-8243: restore priority select focus-visible coverage

Restore tokenized focus styling required by dashboard CSS hygiene checks.

- Add the missing `.detail-priority-select:focus-visible` selector.
- Reuse the shared strong focus-ring and radius tokens.

Files changed:
 packages/dashboard/app/components/TaskDetailModal.css | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

Fusion-Task-Id: FN-8243

Fusion-Task-Lineage: 35d6214e-a0de-48b1-8fd7-9eb4fca707ef

Co-authored-by: Fusion (runfusion.ai) <noreply@runfusion.ai>
This commit is contained in:
gsxdsm
2026-07-17 14:45:23 -07:00
parent 600e9c9ecc
commit c0441c96e4

View File

@@ -451,6 +451,22 @@ the metadata row wraps at mobile widths.
box-shadow: var(--focus-ring-strong);
}
/*
FNXC:TaskDetail 2026-07-17-00:00:
FN-8243 — restore the tokenized `.detail-priority-select:focus-visible` rule
required by css-hygiene-scan.test.ts's focus-coverage allow-list. The base
`.detail-priority-select` styling was dropped during the FN-8209 Priority
select→picker migration, but the hygiene allow-list still expects this
focus-visible selector. Use `--focus-ring-strong` to match the sibling
`.detail-oversight-select` / `.detail-priority-picker-option` focus rules;
no raw colors so the tokenized-focus assertion stays green.
*/
.detail-priority-select:focus-visible {
outline: none;
box-shadow: var(--focus-ring-strong);
border-radius: var(--radius-sm);
}
.detail-priority-picker-option:disabled {
cursor: wait;
}