Rendering bottom-center on mobile cuts the message off

teodosii / react-notifications-component

Delightful and highly customisable React Component to notify your users

https://teodosii.github.io/react-notifications-component/

MIT License

1.27k stars 73 forks source link

Rendering bottom-center on mobile cuts the message off #63

Closed ryanrdetzel closed 3 years ago

ryanrdetzel commented 4 years ago

Reproducible in the browser (Chrome mobile testing) and on an iPhone.

ryanrdetzel commented 4 years ago

.notification-container-mobile-bottom { margin-bottom: 25px; }

Fixes the issue but there might be a better way

teodosii commented 4 years ago

Could you post a screenshot? I was not able to reproduce it on github pages.

ryanrdetzel commented 4 years ago

react-notifications

teodosii commented 3 years ago

Fixed in 3.0.0 Can you have a look at 3.0.0? It's also published to github pages, there the notification is positioned properly. Maybe you ran into a corner-case issue which I wasn't able to reproduce.