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

fix(dashboard): refine queued badge icon alignment

Browse Source
This commit is contained in:
gsxdsm
2026-08-01 00:46:42 -07:00
parent 1cfedbb7c5
commit b244ecd9a0
3 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -262,6 +262,8 @@ Lock the id to the same chip-height row as .card-header-actions so the task id,
.card-queued-reason-icon {
flex: 0 0 auto;
margin-inline-start: var(--space-xs);
margin-inline-end: calc(var(--space-xs) / -2);
transform: translateY(calc(var(--space-xs) / -8));
}
.card-status-badge--queued-with-reason {

4
packages/dashboard/app/components/TaskCard.tsx
View File

@@ -3601,10 +3601,10 @@ function TaskCardComponent({
>
{statusBadgeLabel}
{showQueuedBadge && task.overlapBlockedBy && (
<Layers className="card-queued-reason-icon" size={8} aria-hidden="true" data-testid={`card-queued-overlap-icon-${task.id}`} />
<Layers className="card-queued-reason-icon" size={7} aria-hidden="true" data-testid={`card-queued-overlap-icon-${task.id}`} />
)}
{showQueuedBadge && !task.overlapBlockedBy && task.blockedBy && (
<Link className="card-queued-reason-icon" size={8} aria-hidden="true" data-testid={`card-queued-dependency-icon-${task.id}`} />
<Link className="card-queued-reason-icon" size={7} aria-hidden="true" data-testid={`card-queued-dependency-icon-${task.id}`} />
)}
</span>
)}

2
packages/dashboard/app/components/__tests__/TaskCard.test.tsx
View File

@@ -4896,7 +4896,7 @@ describe("TaskCard", () => {
const icon = badge.querySelector(`[data-testid="${expectedIcon}-${queuedTask.id}"]`);
expect(icon).not.toBeNull();
expect(icon).toHaveClass("card-queued-reason-icon");
expect(icon).toHaveAttribute("size", "8");
expect(icon).toHaveAttribute("size", "7");
expect(badge.querySelector(`[data-testid="${absentIcon}-${queuedTask.id}"]`)).toBeNull();
expect(badge).toHaveAttribute("title", title);
expect(container.querySelector(".queued-badge")).toBeNull();