From 1db63a87907529fd8079df6d192c5cae097337e6 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Tue, 30 Jun 2026 14:22:50 -0400 Subject: [PATCH 1/3] fix(ChatBot): Remove custom font size Use PatternFly default of 14px rather than 16px. --- packages/module/src/Chatbot/Chatbot.scss | 7 ------- .../ChatbotConversationHistoryNav.scss | 2 +- .../ChatbotConversationHistoryNav.tsx | 8 +++++++- 3 files changed, 8 insertions(+), 9 deletions(-) diff --git a/packages/module/src/Chatbot/Chatbot.scss b/packages/module/src/Chatbot/Chatbot.scss index 025fd0e20..c4331d674 100644 --- a/packages/module/src/Chatbot/Chatbot.scss +++ b/packages/module/src/Chatbot/Chatbot.scss @@ -15,7 +15,6 @@ ); border-radius: var(--pf-t--global--border--radius--medium); box-shadow: var(--pf-t--global--box-shadow--lg); - font-size: var(--pf-t--global--font--size--md); z-index: var(--pf-t--global--z-index--md); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; @@ -162,9 +161,3 @@ } } -// ============================================================================ -// Information density styles -// ============================================================================ -.pf-chatbot.pf-m-compact { - font-size: var(--pf-t--global--font--size--sm); -} diff --git a/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss b/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss index 5b6ff2a6a..42e6821ce 100644 --- a/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss +++ b/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.scss @@ -48,7 +48,7 @@ // Drawer menu // ---------------------------------------------------------------------------- - .pf-v6-c-menu { + .pf-v6-c-menu.pf-chatbot__history-menu { --pf-v6-c-menu--PaddingBlockStart: 0; --pf-v6-c-menu--BackgroundColor: var(--pf-t--global--background--color--floating--default); // override high contrast style diff --git a/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx b/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx index d1f2bd533..96c0e01e2 100644 --- a/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx +++ b/packages/module/src/ChatbotConversationHistoryNav/ChatbotConversationHistoryNav.tsx @@ -290,7 +290,13 @@ export const ChatbotConversationHistoryNav: FunctionComponent; } return ( - + {buildConversations()} ); From 30ed4a944a3f5855be179b1eb0ec4b4aea2b607c Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Thu, 2 Jul 2026 11:49:12 -0400 Subject: [PATCH 2/3] Address feedback --- packages/module/src/ChatbotHeader/ChatbotHeader.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss index 0322116d2..b00d2bc37 100644 --- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss +++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss @@ -5,6 +5,7 @@ display: grid; } .pf-chatbot__header { + font-size: var(--pf-t--global--font--size--md); display: grid; grid-template-columns: 1fr auto; gap: var(--pf-t--global--spacer--sm); From 4f46b4073cb5e0e68ac274c9c2af5705ea162739 Mon Sep 17 00:00:00 2001 From: Rebecca Alpert Date: Wed, 8 Jul 2026 13:20:40 -0400 Subject: [PATCH 3/3] Fix issue --- .../chatbot/examples/demos/EmbeddedComparisonChatbot.tsx | 6 ++++-- packages/module/src/ChatbotHeader/ChatbotHeader.scss | 2 +- 2 files changed, 5 insertions(+), 3 deletions(-) diff --git a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx index 8acfdff41..579941524 100644 --- a/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx +++ b/packages/module/patternfly-docs/content/extensions/chatbot/examples/demos/EmbeddedComparisonChatbot.tsx @@ -18,7 +18,7 @@ import ChatbotFooter from '@patternfly/chatbot/dist/dynamic/ChatbotFooter'; import MessageBar from '@patternfly/chatbot/dist/dynamic/MessageBar'; import MessageBox from '@patternfly/chatbot/dist/dynamic/MessageBox'; import Message, { MessageProps } from '@patternfly/chatbot/dist/dynamic/Message'; -import ChatbotHeader, { ChatbotHeaderMain } from '@patternfly/chatbot/dist/dynamic/ChatbotHeader'; +import ChatbotHeader, { ChatbotHeaderMain, ChatbotHeaderTitle } from '@patternfly/chatbot/dist/dynamic/ChatbotHeader'; import Compare from '@patternfly/chatbot/dist/dynamic/Compare'; import { BarsIcon } from '@patternfly/react-icons'; import userAvatar from '../Messages/user_avatar.svg'; @@ -118,7 +118,9 @@ export const CompareChild = ({ name, input, hasNewInput, setIsSendButtonDisabled return ( - {name} + + {name} + diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss index b00d2bc37..dd304cbaa 100644 --- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss +++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss @@ -5,7 +5,6 @@ display: grid; } .pf-chatbot__header { - font-size: var(--pf-t--global--font--size--md); display: grid; grid-template-columns: 1fr auto; gap: var(--pf-t--global--spacer--sm); @@ -28,6 +27,7 @@ // Title -or- Brand .pf-chatbot__title { + font-size: var(--pf-t--global--font--size--body--lg); display: flex; align-items: center; flex: 1;