From 0339b11038c56998e4b950d1b0b34c0912d8fde7 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Hartmut=20N=C3=B6renberg?= Date: Fri, 10 Apr 2026 10:53:21 +0200 Subject: [PATCH] fix(ui): remove utilization row background tint from timeline Remove the colored background tint for 50-100% utilized rows entirely. Only over-utilized rows (>100%) keep the red warning tint. Co-Authored-By: Claude Sonnet 4.6 --- apps/web/src/components/timeline/TimelineResourcePanel.tsx | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/apps/web/src/components/timeline/TimelineResourcePanel.tsx b/apps/web/src/components/timeline/TimelineResourcePanel.tsx index 5a515d8..f4f1c5c 100644 --- a/apps/web/src/components/timeline/TimelineResourcePanel.tsx +++ b/apps/web/src/components/timeline/TimelineResourcePanel.tsx @@ -411,13 +411,11 @@ function TimelineResourcePanelInner({ ? ROW_HEIGHT : Math.max(ROW_HEIGHT, laneCount * SUB_LANE_HEIGHT + 16); - // Utilization background tint + // Utilization background tint — only highlight over-utilization const utilPct = utilizationByResource.get(resource.id) ?? 0; const utilBg = utilPct > 100 ? "rgba(254,202,202,0.18)" // red tint for over-utilized - : utilPct >= 50 - ? `rgba(34,197,94,${Math.min(0.04 + (utilPct - 50) * 0.001, 0.08)})` // faint green tint scaling 50-100% - : undefined; + : undefined; return (