sxhundred/ISA-Frontend
1
0
Fork 0
mirror of https://dev.azure.com/hugendubel/ISA/_git/ISA-Frontend synced 2025-12-31 09:37:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

Merged PR 1849: feat(libs-ui-item-rows): improve data value wrapping and label sizing

Browse Source 
feat(libs-ui-item-rows): improve data value wrapping and label sizing

- Add `break-all` to `.ui-item-row-data-value` for better handling of long or unbroken content, ensuring values do not overflow their containers
- Use Tailwind's `min-w-[6.5rem]` utility for `.ui-item-row-data-label` and `.ui-item-row-data-label` in both `item-row-data` and `client-row` components, standardizing minimum label width and improving layout consistency

Ref: #5074
This commit is contained in:
Nino Righi
2025-06-10 14:43:12 +00:00
committed by Lorenz Hilpert
parent 9857d86bdf
commit a37201ef33
2 changed files with 2 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/ui/item-rows/src/lib/client-row/client-row.component.scss
View File

@@ -11,5 +11,5 @@
}
.ui-item-row-data-label {
width: 6.5rem;
@apply min-w-[6.5rem];
}

2
libs/ui/item-rows/src/lib/item-row-data/item-row-data.component.scss
View File

@@ -12,6 +12,6 @@
}
.ui-item-row-data-value {
@apply text-isa-secondary-900 isa-text-body-2-regular;
@apply text-isa-secondary-900 isa-text-body-2-regular break-all;
font-size: 0.875rem;
}