FredrikOseberg / react-chatbot-kit

MIT License
299 stars 139 forks source link

The send icon is incorrectly aligned #86

Open VSevagen opened 2 years ago

VSevagen commented 2 years ago

Hi, first off this is a great module. Kudos for that !

There is just an issue with the send button as you can see from the below screenshot. Screenshot_2021-10-10_12-27-14

VSevagen commented 2 years ago

I'm using react-chatbot-kit 2.0.1

FredrikOseberg commented 2 years ago

Interesting. Which browser is this? Does the problem persist if you change browser?

As a workaround you can override the styles to correctly align the icon.

søn. 10. okt. 2021 kl. 10:01 skrev Sevagen Veerasamy < @.***>:

I'm using react-chatbot-kit 2.0.1

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/FredrikOseberg/react-chatbot-kit/issues/86#issuecomment-939434846, or unsubscribe https://github.com/notifications/unsubscribe-auth/AD2WIPXRLMAME5EPVHRIZ4TUGFI7ZANCNFSM5FWHPWEQ .

VSevagen commented 2 years ago

I'm using chrome and yes, I was able to go around it by targeting the react-chatbot-kit-chat-btn-send-icon className. Setting margin to 0 auto did centered it.

I checked in firefox and the issue is the same

FredrikOseberg commented 2 years ago

Hm. Not able to reproduce in environment so I’m thinking it is either due to chrome version or how chrome acts on windows. I will apply your fix and update the version once I have tested it on my side. Thanks!

søn. 10. okt. 2021 kl. 13:54 skrev Sevagen Veerasamy < @.***>:

I'm using chrome and yes, I was able to go around it by targeting the react-chatbot-kit-chat-btn-send-icon className. Setting margin to 0 auto did centered it.

— You are receiving this because you commented.

Reply to this email directly, view it on GitHub https://github.com/FredrikOseberg/react-chatbot-kit/issues/86#issuecomment-939477480, or unsubscribe https://github.com/notifications/unsubscribe-auth/AD2WIPXCPS5YFF54YHCV533UGGEIBANCNFSM5FWHPWEQ .

VSevagen commented 2 years ago

Hm. Not able to reproduce in environment so I’m thinking it is either due to chrome version or how chrome acts on windows. I will apply your fix and update the version once I have tested it on my side. Thanks! søn. 10. okt. 2021 kl. 13:54 skrev Sevagen

Now that you mention it, it could be due to chrome. My chrome has been out of date for some time now. I'll update and check it out. Thanks !

smac89 commented 2 years ago

I don't think it is related to Chrome. I use firefox and I experience the same issue. Screenshot 2021-10-14 at 14-05-19 BetterPaws