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

FN-6529: reduce list task active highlights

Browse Source 
List-view active task rows now use a calmer static highlight instead of the animated glow.

- Replace desktop list-row glow animation with a subtle background and inset border.
- Match the mobile list-card active styling to the toned-down static highlight.
- Rename the ListView test case to document the expected static highlight styling.

Files changed:
 packages/dashboard/app/components/ListView.css           | 16 ++++++++--------
 .../dashboard/app/components/__tests__/ListView.test.tsx |  2 +-
 2 files changed, 9 insertions(+), 9 deletions(-)

Fusion-Task-Id: FN-6529
Fusion-Task-Lineage: 67286eee-0360-41dd-be78-592b40eb5bee
This commit is contained in:
gsxdsm
2026-06-17 01:34:40 -07:00
parent a76ea5862a
commit d0de886f11
2 changed files with 9 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
packages/dashboard/app/components/ListView.css
View File

@@ -537,12 +537,14 @@
background: color-mix(in srgb, var(--triage) 8%, transparent);
}
/*
FNXC:ListView 2026-06-16-00:00:
FN-6529 requires list-view agent-active tasks to use a simple static highlight instead of the animated board-card glow, so the list row keeps a flat inset indicator and subtle background without referencing agent-glow.
*/
.list-row.agent-active {
border-color: var(--in-progress);
box-shadow:
0 0 var(--space-sm) color-mix(in srgb, var(--in-progress) 40%, transparent),
0 0 calc(var(--space-xl) - var(--space-xs)) color-mix(in srgb, var(--in-progress) 15%, transparent);
animation: agent-glow 2.5s ease-in-out infinite;
background: color-mix(in srgb, var(--in-progress) 8%, transparent);
box-shadow: inset 0 0 0 calc(var(--space-xs) / 4) var(--in-progress);
}
/* Table cells */
@@ -989,10 +991,8 @@
.list-card.agent-active {
border-color: var(--in-progress);
box-shadow:
0 0 var(--space-sm) color-mix(in srgb, var(--in-progress) 40%, transparent),
0 0 calc(var(--space-xl) - var(--space-xs)) color-mix(in srgb, var(--in-progress) 15%, transparent);
animation: agent-glow 2.5s ease-in-out infinite;
background: color-mix(in srgb, var(--in-progress) 8%, transparent);
box-shadow: inset 0 0 0 calc(var(--space-xs) / 4) var(--in-progress);
}
.list-card-row {

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

@@ -972,7 +972,7 @@ describe("ListView", () => {
it.each([
{ status: "executing", column: "in-progress" as const, label: "executing" },
{ status: "merging-fix", column: "in-review" as const, label: "Merging fixes…" },
])("renders agent-active tasks with glow styling for $status", ({ status, column, label }) => {
])("renders agent-active tasks with static highlight styling for $status", ({ status, column, label }) => {
const tasks = [
createMockTask({
id: "FN-001",