Skip to content

fix(ChatbotModal): Drop custom styles - #943

Merged
rebeccaalpert merged 2 commits into
patternfly:mainfrom
gabipodolnikova:felt-4406-chatbot-modal
Nov 6, 2026
Merged

rebeccaalpert merged 2 commits into
patternfly:mainfrom
gabipodolnikova:felt-4406-chatbot-modal

Conversation

@gabipodolnikova

Copy link
Copy Markdown
Contributor

Remove shared modal color, typography, border-radius, and header/footer presentation overrides so ChatbotModal follows base PatternFly styles and can adapt to Felt changes.

Preserve chatbot-specific positioning, sizing, backdrop behavior, compact styling, and the glass-theme code-modal background fix from #925.

Add tests covering display modes, custom classes, and backdrop behavior.

Validation:

  • 68 tests passed across ChatbotModal and its consumers.
  • Full build, ESLint, and formatting checks passed.
  • Local visual check completed; Basic modal heading and spacing changes are expected.

Fixes #932
Jira: https://redhat.atlassian.net/browse/FELT-4406

@patternfly-build

patternfly-build commented Nov 4, 2026 •

Copy link
Copy Markdown

@rebeccaalpert rebeccaalpert left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good to me; thank you for the extra tests! Just one question for Kayla.

}

.pf-chatbot__chatbot-modal {
--pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--medium) !important;

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@kaylachumley - do you have feelings about this? It means that there's a slight bit of the ChatBot visible underneath.

Image

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

hmmm yeah i dont love that the border radius doesnt match perfectly.. what's causing that? is there a custom border radius on the chatbot panel itself thats mismatching it? wdyt? @andrew-ronaldson

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yes! ChatBot has its own border radius. We can change it to match modal if you'd prefer!

@gabipodolnikova gabipodolnikova Nov 6, 2026 •

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Updated the chatbot panel, inner container, and conversation-history backdrop to use the large border radius, it's now matching PatternFly’s modal default as suggested.
Existing square corners in other display modes are unchanged.

Copy link
Copy Markdown

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

that update is fine with me and @andrew-ronaldson ! I will need to update the figma file to match these border radius changes. Originally it was at 16px but now the change reflected is 24px (large border radius) for overlay chatbot panel and modals. thank you!

@rebeccaalpert rebeccaalpert left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you Gabi!!!

@rebeccaalpert
rebeccaalpert merged commit 738309a into patternfly:main Nov 6, 2026
6 checks passed
@github-actions

github-actions Bot commented Nov 6, 2026

Copy link
Copy Markdown

🎉 This PR is included in version 6.10.0-prerelease.6 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Chatbot] - Drop custom styles from ChatbotModal

4 participants