fix(transactions): cap description column width to prevent horizontal overflow (#216)

## Summary

- Adds `whitespace-normal` to the description column's cell class to
override the base `TableCell`'s `whitespace-nowrap`, which was
preventing `max-width` from being respected in HTML auto table layout
- Reduces the description column max-width from unlimited (`max-w-none`)
to `300px` at `md` breakpoint and `250px` at `sm`, eliminating
horizontal scroll at ~1220px viewport widths
This commit is contained in:
Víctor Falcón 2026-03-09 15:14:55 +00:00 committed by GitHub
parent e9572e4031
commit 28c8df34d5
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 1 additions and 1 deletions

View File

@ -184,7 +184,7 @@ export function createTransactionColumns({
meta: {
label: __('Description'),
cellClassName:
'max-w-[200px] sm:max-w-[400px] md:max-w-none md:w-full md:min-w-0 md:overflow-hidden',
'max-w-[200px] sm:max-w-[250px] md:max-w-[300px] md:w-full md:min-w-0 md:overflow-hidden whitespace-normal',
},
header: () => __('Description'),
cell: ({ row, table }) => {