From a37201ef339c4b6f10aa4927a4ee11ab1bf95d48 Mon Sep 17 00:00:00 2001 From: Nino Righi Date: Tue, 10 Jun 2025 14:43:12 +0000 Subject: [PATCH] Merged PR 1849: feat(libs-ui-item-rows): improve data value wrapping and label sizing 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 --- libs/ui/item-rows/src/lib/client-row/client-row.component.scss | 2 +- .../src/lib/item-row-data/item-row-data.component.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/libs/ui/item-rows/src/lib/client-row/client-row.component.scss b/libs/ui/item-rows/src/lib/client-row/client-row.component.scss index e61c55b99..68708e9e6 100644 --- a/libs/ui/item-rows/src/lib/client-row/client-row.component.scss +++ b/libs/ui/item-rows/src/lib/client-row/client-row.component.scss @@ -11,5 +11,5 @@ } .ui-item-row-data-label { - width: 6.5rem; + @apply min-w-[6.5rem]; } diff --git a/libs/ui/item-rows/src/lib/item-row-data/item-row-data.component.scss b/libs/ui/item-rows/src/lib/item-row-data/item-row-data.component.scss index c8130ddd4..2a96e3f83 100644 --- a/libs/ui/item-rows/src/lib/item-row-data/item-row-data.component.scss +++ b/libs/ui/item-rows/src/lib/item-row-data/item-row-data.component.scss @@ -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; }