From 2e87641904a89c4ff98030ef14f2363235ef2bea Mon Sep 17 00:00:00 2001 From: Mohammad Saddam Hossain Date: Tue, 27 Oct 2026 09:41:15 +0530 Subject: [PATCH] fix(report): show colour swatches in the timeline legend The .tl-key classes emitted by HtmlReportGenerator had no CSS, so the Passed/Failed/Skipped legend rendered as plain text. Co-Authored-By: Claude Sonnet 5.5 --- src/main/resources/report/report.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/src/main/resources/report/report.css b/src/main/resources/report/report.css index d4d96bc..f2697fb 100644 --- a/src/main/resources/report/report.css +++ b/src/main/resources/report/report.css @@ -167,6 +167,11 @@ /* ── Timeline (Gantt) ── */ .timeline-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; } .timeline-legend { display: inline-flex; align-items: center; gap: 12px; font-size: 11px; font-weight: 500; color: var(--text-secondary); } + .tl-key { display: inline-flex; align-items: center; gap: 6px; } + .tl-key::before { content: ''; width: 10px; height: 10px; border-radius: 2px; background: var(--text-secondary); } + .tl-key-passed::before { background: var(--good); } + .tl-key-failed::before { background: var(--bad); } + .tl-key-skipped::before { background: var(--warn); } .gantt-wrap { overflow-x: auto; } .gantt { min-width: 640px; padding: 4px 0; } .gantt-row { display: grid; grid-template-columns: 130px 1fr; align-items: center; }