From 1404698405a1dab522bf1c0e784a7bd07de36c2b Mon Sep 17 00:00:00 2001 From: Siyana Todorova Date: Tue, 6 Feb 2024 13:18:13 +0200 Subject: [PATCH 1/2] fix(ui5-card-header): truncate long single-word description Fixes: #8245 --- packages/main/src/themes/CardHeader.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/main/src/themes/CardHeader.css b/packages/main/src/themes/CardHeader.css index bee56e189c89..c6be3009d465 100644 --- a/packages/main/src/themes/CardHeader.css +++ b/packages/main/src/themes/CardHeader.css @@ -140,7 +140,7 @@ text-align: start; text-overflow: ellipsis; white-space: normal; - word-wrap: break-word; + overflow-wrap: anywhere; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; From 2b3759cb415cf15e7653b65ca352c022693c0508 Mon Sep 17 00:00:00 2001 From: Siyana Todorova Date: Mon, 12 Feb 2024 09:12:25 +0200 Subject: [PATCH 2/2] fix(ui5-card-header): update styles --- packages/main/src/themes/CardHeader.css | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/packages/main/src/themes/CardHeader.css b/packages/main/src/themes/CardHeader.css index c6be3009d465..72f915c82f5b 100644 --- a/packages/main/src/themes/CardHeader.css +++ b/packages/main/src/themes/CardHeader.css @@ -53,6 +53,7 @@ display: inherit; align-items: inherit; flex: 1; + min-width: 0; } .ui5-card-header.ui5-card-header--interactive:hover { @@ -67,6 +68,7 @@ .ui5-card-header .ui5-card-header-text { flex: 1; + min-width: 0; pointer-events: none; } @@ -140,7 +142,7 @@ text-align: start; text-overflow: ellipsis; white-space: normal; - overflow-wrap: anywhere; + word-wrap: break-word; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;