diff --git a/src/components/documents/document-month-grid.tsx b/src/components/documents/document-month-grid.tsx index 962f59ac7..fbad5dbdb 100644 --- a/src/components/documents/document-month-grid.tsx +++ b/src/components/documents/document-month-grid.tsx @@ -76,7 +76,7 @@ function FlowMonthMarker({ label }: { label: string }) { data-slot="document-flow-month" className="absolute inset-x-0 -top-6 flex h-6 items-center gap-2" > - + {label} diff --git a/src/components/settings/__tests__/sources-section-in-use.test.tsx b/src/components/settings/__tests__/sources-section-in-use.test.tsx index a99f7a2a8..4d285b3da 100644 --- a/src/components/settings/__tests__/sources-section-in-use.test.tsx +++ b/src/components/settings/__tests__/sources-section-in-use.test.tsx @@ -54,6 +54,17 @@ describe("Settings → Source priority, sources in use", () => { for (const id of controls) expect(html).toContain(`id="${id}"`); }); + it("lets a collapsed group's winner truncate instead of squeezing the label", () => { + const html = render(["WITHINGS", "MANUAL"]); + const winner = html.match( + /data-slot="sources-metric-winner" class="([^"]*)"/, + )?.[1]; + expect(winner).toBeDefined(); + expect(winner).toMatch(/\btruncate\b/); + expect(winner).toMatch(/\bmin-w-0\b/); + expect(winner).not.toMatch(/\bshrink-0\b/); + }); + it("says so when no source is in use at all", () => { expect(render([])).toContain('data-testid="sources-none-in-use"'); }); diff --git a/src/components/settings/sources-section.tsx b/src/components/settings/sources-section.tsx index 69dd2b3ae..30dbba232 100644 --- a/src/components/settings/sources-section.tsx +++ b/src/components/settings/sources-section.tsx @@ -415,7 +415,13 @@ export function SourcesSection() { {/* Collapsed, the group still says who wins. */} {!open && list[0] ? ( - + {t(MEASUREMENT_SOURCE_SETTINGS_LABEL_KEYS[list[0]])} ) : null}