From ccf6f40716f342cc1526a2b5dd8a9b0a96f5db96 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 1 Sep 2026 10:43:12 -0400 Subject: [PATCH] fix(Message): Fix name truncation PatternFly Truncate component added Truncate to the tab flow if the text is >= to the parent width. This adds some extra space so we are slightly larger and don't trigger it. Fixes https://github.com/patternfly/chatbot/issues/860 --- packages/module/src/Message/Message.scss | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/packages/module/src/Message/Message.scss b/packages/module/src/Message/Message.scss index 1fb41d49..2b863396 100644 --- a/packages/module/src/Message/Message.scss +++ b/packages/module/src/Message/Message.scss @@ -55,6 +55,7 @@ // Author name .pf-chatbot__message-name { + display: flex; font-family: var( --pf-v6-c-content--heading--FontFamily, redhatdisplayvf, @@ -65,6 +66,14 @@ ); font-weight: 600; font-size: var(--pf-t--global--font--size--sm); + + // Truncate measures this container and treats textWidth >= parentWidth as + // truncated. This extra space keeps full names stay untruncated and out of + // the tab flow. + &::after { + content: ''; + flex: 0 0 1px; + } } // Badge