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/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()} ); diff --git a/packages/module/src/ChatbotHeader/ChatbotHeader.scss b/packages/module/src/ChatbotHeader/ChatbotHeader.scss index 0322116d2..dd304cbaa 100644 --- a/packages/module/src/ChatbotHeader/ChatbotHeader.scss +++ b/packages/module/src/ChatbotHeader/ChatbotHeader.scss @@ -27,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;