whisper-money/resources/js/components/shared
Víctor Falcón 49acc8a884
fix(analysis): truncate long breakdown names so amounts stay in widget (#518)
## What

Long category/label names in the shared bar-list breakdowns (cash-flow
top expenses/income, dashboard top categories, analysis drawer
categories/tags/accounts) spilled the amount out past the widget's right
edge.

## Why

The name span already had `truncate min-w-0 flex-1`, but its `grow` row
wrapper (the `<Link>`/`<div>`) had no `min-w-0`. Flex items default to
`min-width: auto`, so the wrapper refused to shrink below its content —
the inner `truncate` never engaged.

## Change

Add `min-w-0` to both `grow` wrappers so the row can shrink and the
existing `truncate` clamps the name with an ellipsis, keeping the amount
inside the widget.

Visual-only CSS class change.
2026-06-10 21:58:36 +02:00
..
category-breakdown-list.tsx fix(analysis): truncate long breakdown names so amounts stay in widget (#518) 2026-06-10 21:58:36 +02:00
category-combobox.tsx feat: parent/child category tree (#474) 2026-06-03 19:30:12 +02:00
label-combobox-state.test.ts fix: prevent account label combobox crash (#230) 2026-03-16 13:03:11 +01:00
label-combobox-state.ts fix: prevent account label combobox crash (#230) 2026-03-16 13:03:11 +01:00
label-combobox.tsx refactor(js): extract shared getCsrfToken util (#475) 2026-06-03 17:26:09 +02:00