Hartmut/CapaKraken
1
0
Fork 0
Code Issues 10 Pull Requests 1 Actions Packages Projects Releases Wiki Activity

fix(ui): remove utilization row background tint from timeline

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
Hartmut Nörenberg
2026-04-10 10:53:21 +02:00
parent 5afc6c8c94
commit 0339b11038
1 changed files with 2 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/components/timeline/TimelineResourcePanel.tsx
+1 -3
View File
@@ -411,12 +411,10 @@ function TimelineResourcePanelInner({
? ROW_HEIGHT ? ROW_HEIGHT
: Math.max(ROW_HEIGHT, laneCount * SUB_LANE_HEIGHT + 16); : 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 utilPct = utilizationByResource.get(resource.id) ?? 0;
const utilBg = utilPct > 100 const utilBg = utilPct > 100
? "rgba(254,202,202,0.18)" // red tint for over-utilized ? "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 ( return (