From bde33b80c9b8aa52f1ed9f03624cc2428c906d42 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Marc-Andr=C3=A9=20Bombeck?= Date: Thu, 8 Oct 2026 17:06:04 +0200 Subject: [PATCH] fix(insights): size the mood calendar skeleton to the height most calendars settle at Without a known window the skeleton assumed twelve weeks, which on a phone lands below the cell ceiling, so a short history's calendar grew a few pixels when it replaced it. Eight weeks reaches the ceiling on every width down to 360 px. --- src/components/charts/mood-heatmap.tsx | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/src/components/charts/mood-heatmap.tsx b/src/components/charts/mood-heatmap.tsx index b58d888c4..ccd5a77d9 100644 --- a/src/components/charts/mood-heatmap.tsx +++ b/src/components/charts/mood-heatmap.tsx @@ -104,9 +104,10 @@ export function MoodHeatmapBody({ * painted heatmap takes: the reserved grid box, the legend line, the day * caption and the data-table toggle. `days` is the window when it is already * known; without it the shape assumes a window short enough to reach the cell - * ceiling, which every window under a quarter year does on any width. + * ceiling on every width down to 360 px (eight weeks), the height most + * calendars settle at. */ -export function MoodHeatmapSkeleton({ days = 84 }: { days?: number }) { +export function MoodHeatmapSkeleton({ days = 56 }: { days?: number }) { const timeZone = useDisplayTimezone(); const coarse = useCoarsePointer(); return (