fix(ui): make item description a drag-resizable textarea (rows + resize:vertical) across invoice/order/offer

Replaces MUI autosize (no handle, mis-wraps in table cells) with a fixed 2-row textarea + resize:vertical so the box wraps and the user can drag it taller. Restores the dead '& input' sx as '& textarea'.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
BOHA
2026-06-09 15:37:34 +02:00
parent f295af4a14
commit 430ec3e76b
3 changed files with 30 additions and 15 deletions

View File

@@ -303,8 +303,8 @@ function SortableInvoiceRow({
onChange={(e) => onUpdate(index, "item_description", e.target.value)}
placeholder="Volitelný"
multiline
minRows={1}
maxRows={8}
rows={2}
sx={{ "& textarea": { resize: "vertical" } }}
/>
<Box
sx={{
@@ -408,9 +408,14 @@ function SortableInvoiceRow({
}
placeholder="Podrobný popis (volitelný)"
multiline
minRows={1}
maxRows={8}
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
rows={2}
sx={{
"& textarea": {
fontSize: "0.8rem",
opacity: 0.8,
resize: "vertical",
},
}}
/>
</Box>
</TableCell>

View File

@@ -285,8 +285,8 @@ function SortableOrderRow({
placeholder="Volitelný"
InputProps={{ readOnly }}
multiline
minRows={1}
maxRows={8}
rows={2}
sx={{ "& textarea": { resize: "vertical" } }}
/>
<Box
sx={{
@@ -401,9 +401,14 @@ function SortableOrderRow({
placeholder="Podrobný popis (volitelný)"
InputProps={{ readOnly }}
multiline
minRows={1}
maxRows={8}
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
rows={2}
sx={{
"& textarea": {
fontSize: "0.8rem",
opacity: 0.8,
resize: "vertical",
},
}}
/>
</Box>
</TableCell>

View File

@@ -308,8 +308,8 @@ function SortableItemRow({
placeholder="Volitelný"
InputProps={{ readOnly }}
multiline
minRows={1}
maxRows={8}
rows={2}
sx={{ "& textarea": { resize: "vertical" } }}
/>
<Box
sx={{
@@ -421,9 +421,14 @@ function SortableItemRow({
placeholder="Podrobný popis (volitelný)"
InputProps={{ readOnly }}
multiline
minRows={1}
maxRows={8}
sx={{ "& input": { fontSize: "0.8rem", opacity: 0.8 } }}
rows={2}
sx={{
"& textarea": {
fontSize: "0.8rem",
opacity: 0.8,
resize: "vertical",
},
}}
/>
</Box>
</TableCell>