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

feat(FN-4369): complete Step 2 — normalize badge dimensions

Browse Source 
Fusion-Task-Id: FN-4369
Fusion-Task-Lineage: 3f08cecf-2e6c-41a6-804f-645c4b809e4a
This commit is contained in:
Fusion
2026-05-13 15:06:46 -07:00
committed by gsxdsm
parent 5587d82324
commit 014ede3196
3 changed files with 119 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -130,21 +130,28 @@
z-index: 1;
}
.card-status-badge {
.card-status-badge,
.card-priority-badge,
.card-size-badge {
display: inline-flex;
align-items: center;
font-size: 0.625rem;
font-weight: 600;
line-height: 1;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 2px 8px;
padding: calc(var(--space-xs) / 2) var(--space-sm);
border: var(--btn-border-width) solid transparent;
border-radius: var(--radius-pill);
}
.card-status-badge {
letter-spacing: 0.5px;
}
.card-status-badge.stalled-review {
background: color-mix(in srgb, var(--color-warning) 18%, transparent);
color: var(--color-warning);
border: var(--btn-border-width) solid color-mix(in srgb, var(--color-warning) 30%, transparent);
border-color: color-mix(in srgb, var(--color-warning) 30%, transparent);
}
.card-stalled-review-reason {
@@ -227,14 +234,7 @@
/* Size badge: positioned in card header, subtle color coding for effort estimation */
.card-size-badge {
display: inline-flex;
align-items: center;
font-size: 0.625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.5px;
padding: 2px 8px;
border-radius: var(--radius-pill);
}
/* Size S: subtle green tint (low effort) */
@@ -256,14 +256,7 @@
}
.card-priority-badge {
display: inline-flex;
align-items: center;
font-size: 0.625rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.4px;
padding: 2px 8px;
border-radius: var(--radius-pill);
}
.card-priority-badge--low {
@@ -1215,9 +1208,11 @@
}
/* Card: smaller status badges for 280px width */
.card-status-badge {
.card-status-badge,
.card-priority-badge,
.card-size-badge {
font-size: 0.5625rem;
padding: 1px 6px;
padding: calc(var(--space-xs) / 4) calc((var(--space-xs) * 3) / 2);
}
.card-stalled-review-reason {