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:
parent
e9572e4031
commit
28c8df34d5
|
|
@ -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 }) => {
|
||||
|
|
|
|||
Loading…
Reference in New Issue