root/fusion
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat(FN-3042): scale board typography and improve theme selector accessibil

Browse Source 
Completes Step 2 of FN-3042 by scaling board typography styles across TaskCard and QuickEntryBox components, adding a new CustomModelDropdown stylesheet, and introducing keyboard focus-visible styles for theme selector controls. The merge includes new regression tests for board font scaling, resolve

Fusion-Task-Id: FN-3042
This commit is contained in:
Fusion
2026-04-30 23:22:22 -07:00
committed by gsxdsm
parent 05c942b6ed
commit 444032c58d
9 changed files with 177 additions and 64 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
packages/dashboard/app/components/CustomModelDropdown.css
View File

@@ -609,6 +609,12 @@ html .column.drag-over * {
color: var(--bg);
}
.theme-mode-btn:focus-visible {
outline: none;
border-color: var(--todo);
box-shadow: var(--focus-ring-strong);
}
.theme-section-title {
font-size: 12px;
font-weight: 600;
@@ -652,6 +658,12 @@ html .column.drag-over * {
color: var(--text);
}
.theme-font-size-btn:focus-visible {
outline: none;
border-color: var(--todo);
box-shadow: var(--focus-ring-strong);
}
.theme-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
@@ -687,6 +699,12 @@ html .column.drag-over * {
background: color-mix(in srgb, var(--todo) 14%, transparent);
}
.theme-option:focus-visible {
outline: none;
border-color: var(--todo);
box-shadow: var(--focus-ring-strong);
}
.theme-option-swatch {
width: calc(var(--space-2xl) + var(--space-lg));
height: calc(var(--space-2xl) + var(--space-lg));
@@ -1446,6 +1464,12 @@ html .column.drag-over * {
border-color: var(--text-muted);
}
.theme-reset-btn:focus-visible {
outline: none;
border-color: var(--todo);
box-shadow: var(--focus-ring-strong);
}
/* Theme current preview in settings */
.theme-current-preview {
display: flex;