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

fix(FN-4351): restore compact TaskCard secondary buttons on mobile

Browse Source 
Fusion-Task-Id: FN-4351
Fusion-Task-Lineage: 5e13b396-c463-4203-b64d-7ef17ba9591b
This commit is contained in:
Fusion
2026-05-13 10:40:38 -07:00
committed by gsxdsm
parent aaed8b97d4
commit da5627b84a
1 changed files with 7 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/dashboard/app/components/TaskCard.css
View File

@@ -1152,11 +1152,9 @@
/* Card edit button: always visible on mobile (no hover) */ /* Card edit button: always visible on mobile (no hover) */
.card-edit-btn { .card-edit-btn {
opacity: 1; opacity: 1;
width: calc(var(--space-xl) + var(--space-md)); width: 28px;
height: calc(var(--space-xl) + var(--space-md)); height: 28px;
margin-right: calc(-1 * var(--space-sm)); margin: -6px -6px -6px 0;
margin-top: calc(-1 * var(--space-sm));
margin-bottom: calc(-1 * var(--space-sm));
border-radius: var(--radius-md); border-radius: var(--radius-md);
} }
@@ -1168,11 +1166,9 @@
/* Card delete button: always visible on mobile (no hover) */ /* Card delete button: always visible on mobile (no hover) */
.card-delete-btn { .card-delete-btn {
opacity: 1; opacity: 1;
width: calc(var(--space-xl) + var(--space-md)); width: 28px;
height: calc(var(--space-xl) + var(--space-md)); height: 28px;
margin-right: calc(-1 * var(--space-sm)); margin: -6px -6px -6px 0;
margin-top: calc(-1 * var(--space-sm));
margin-bottom: calc(-1 * var(--space-sm));
border-radius: var(--radius-md); border-radius: var(--radius-md);
} }
@@ -1187,17 +1183,14 @@
flex-shrink: 0; flex-shrink: 0;
} }
/* FN-4351/FN-3965: keep secondary actions visible on touch, but compact per WCAG 2.5.8 because the card tap surface is the primary target for opening task detail. */
.card-archive-btn, .card-archive-btn,
.card-unarchive-btn { .card-unarchive-btn {
opacity: 1; opacity: 1;
min-height: calc(var(--space-xl) + var(--space-md));
padding: var(--space-xs) var(--space-md);
} }
.card-send-back-btn { .card-send-back-btn {
opacity: 1; opacity: 1;
min-height: calc(var(--space-xl) + var(--space-md));
padding: var(--space-xs) var(--space-md);
} }
/* Card: compact progress bar on narrow cards */ /* Card: compact progress bar on narrow cards */