diff --git a/app/sidebar.css b/app/sidebar.css index 0b8f66a69e..a5251aa139 100644 --- a/app/sidebar.css +++ b/app/sidebar.css @@ -174,6 +174,10 @@ background: #0891b2; } +.session-tree-pinned-dot.is-awaiting { + background: #d97706; +} + /* Session row: title, branch, time; actions take the time's place on hover. Hover and selection are a rounded box inset from the sidebar's edges, never a full-width band. The title starts in the text column, @@ -654,6 +658,7 @@ a.session-tree-main { } .session-tree-summary-running, +.session-tree-summary-awaiting, .session-tree-summary-unread { display: inline-flex; align-items: center; @@ -672,6 +677,10 @@ a.session-tree-main { background: #0891b2; } +.session-tree-summary-dot.is-awaiting { + background: #d97706; +} + .session-tree-group-actions { display: none; flex: none; diff --git a/components/SessionTree.test.mjs b/components/SessionTree.test.mjs index fe38e40509..5d8489f123 100644 --- a/components/SessionTree.test.mjs +++ b/components/SessionTree.test.mjs @@ -106,14 +106,14 @@ function sessionRow(root, { context = "group", status = {}, archivedAt = null, r function groupRow(extra = {}, projectExtra = {}) { const groupProject = { ...project, ...projectExtra }; - return { kind: "group", key: `group:${groupProject.key}`, project: groupProject, expanded: true, running: 0, unread: 0, ...extra }; + return { kind: "group", key: `group:${groupProject.key}`, project: groupProject, expanded: true, running: 0, awaiting: 0, unread: 0, ...extra }; } const footer = [{ kind: "footer-open", key: "footer-open" }]; test("the pinned header toggles the section and shows activity dots only while collapsed", () => { const collapsed = rowMarkup(render({ - rows: [{ kind: "pinned-header", key: "pinned-header", count: 3, collapsed: true, running: 1, unread: 2 }], + rows: [{ kind: "pinned-header", key: "pinned-header", count: 3, collapsed: true, running: 1, awaiting: 0, unread: 2 }], }), "pinned-header"); // A group header's height: both are section headers. assert.match(collapsed, /^