diff --git a/packages/module/src/ChatbotToggle/ChatbotToggle.scss b/packages/module/src/ChatbotToggle/ChatbotToggle.scss index eea4a161..e0158867 100644 --- a/packages/module/src/ChatbotToggle/ChatbotToggle.scss +++ b/packages/module/src/ChatbotToggle/ChatbotToggle.scss @@ -5,6 +5,7 @@ position: fixed; inset-block-end: var(--pf-t--global--spacer--md); inset-inline-end: var(--pf-t--global--spacer--md); + --pf-v6-c-button--BorderRadius: 0; --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--floating--default); --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--floating--hover); --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--floating--clicked); @@ -48,8 +49,8 @@ } } -.pf-chatbot__button--round { - border-radius: var(--pf-t--global--border--radius--pill); +.pf-chatbot__button.pf-chatbot__button--round { + --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill); width: 3rem; height: 3rem; } diff --git a/packages/module/src/ChatbotToggle/ChatbotToggle.test.tsx b/packages/module/src/ChatbotToggle/ChatbotToggle.test.tsx index 3267f021..e6822988 100644 --- a/packages/module/src/ChatbotToggle/ChatbotToggle.test.tsx +++ b/packages/module/src/ChatbotToggle/ChatbotToggle.test.tsx @@ -38,6 +38,10 @@ describe('ChatbotToggle', () => { expect(screen.getByRole('button')).toHaveClass('pf-chatbot__button'); expect(screen.getByRole('button')).toHaveClass('pf-chatbot__button--round'); }); + it('should handle isRound correctly when false', () => { + render(); + expect(screen.getByRole('button')).not.toHaveClass('pf-chatbot__button--round'); + }); it('should handle className correctly', () => { render(); expect(screen.getByRole('button')).toHaveClass('pf-chatbot__button');