Fix: merge Avg. Coverage into TOTALS sticky cell to fix column misalignment

Co-Authored-By: Claude Sonnet 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Christian Vidal Wolf
2026-04-27 11:53:39 +02:00
co-authored by Claude Sonnet 4.6
parent ee274b267f
commit a91f353e40
+4 -5
View File
@@ -771,16 +771,15 @@ const WeeklyGrid: React.FC<WeeklyGridProps & { top50Mode: 'eu' | 'uk' }> = ({
</tr> </tr>
<tr className="bg-indigo-950 border-b border-white/10 relative z-20"> <tr className="bg-indigo-950 border-b border-white/10 relative z-20">
<th className="p-3 text-sm font-black text-white sticky left-0 z-40 bg-indigo-950 border-r border-white/10"> <th className="p-3 text-sm font-black text-white sticky left-0 z-40 bg-indigo-950 border-r border-white/10">
<div className="flex items-center justify-between gap-2">
<span>TOTALS</span> <span>TOTALS</span>
</th> <div className="flex flex-col items-end">
{/* COVERAGE Totals Column */} <span className="text-[8px] opacity-60 uppercase tracking-tighter">Avg. Coverage</span>
<th className="p-3 text-sm font-black text-white sticky left-[240px] z-40 bg-indigo-950 border-r border-white/10 uppercase tracking-tighter">
<div className="flex flex-col items-center">
<span className="text-[8px] opacity-60">Avg. Coverage</span>
<span className={`text-xs ${aggregateWoc && aggregateWoc < 4 ? 'text-rose-400' : 'text-emerald-400'}`}> <span className={`text-xs ${aggregateWoc && aggregateWoc < 4 ? 'text-rose-400' : 'text-emerald-400'}`}>
{aggregateWoc ? `${aggregateWoc.toFixed(1)}w` : '-'} {aggregateWoc ? `${aggregateWoc.toFixed(1)}w` : '-'}
</span> </span>
</div> </div>
</div>
</th> </th>
{weeks.map((week, idx) => { {weeks.map((week, idx) => {
const prevWeekTotals = allWeekTotals[weeks[idx + 1]]; const prevWeekTotals = allWeekTotals[weeks[idx + 1]];