Fix Icon Cropping Issue in Chat Button - Githubissues

tjtanjin / react-chatbotify

A modern React library for creating a flexible and extensible chatbot.

https://react-chatbotify.com

MIT License

148 stars 68 forks source link

Fix Icon Cropping Issue in Chat Button #102

Closed saitnyalcin closed 3 weeks ago

saitnyalcin commented 3 weeks ago

Description

Added border-radius: inherit to allow custom icons to be cropped properly within the chat button’s box.

What change does this PR introduce?

This update improves the appearance of the chat button icon by ensuring it does not overlap the previous layout.

Please select the relevant option(s).

[x] Bug fix (non-breaking change which fixes an issue)
[ ] New feature (non-breaking change which adds functionality)
[ ] Breaking change (fix or feature that would cause existing functionality to not work as expected)
[ ] Documentation update (changes to docs/code comments)

What is the proposed approach?

Added border-radius: inherit to the toggle icon’s CSS.

Checklist:

[x] The commit message follows our adopted guidelines
[x] Testing has been done for the change(s) added (for bug fixes/features)
[x] Relevant comments/docs have been added/updated (for bug fixes/features)