search

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

Scrolling when screen is full of notifications #146

Closed Trev-Robertson closed 2 years ago

Trev-Robertson commented 2 years ago

Once you get enough notifications they start to populate off screen. is it possible to scroll vertically to see these notifications?

teodosii commented 2 years ago

It can be done by the consuming client easily if css is changed I believe. You can set the containers' max-height to 100vh I believe, add overflow-y: auto and use your custom slider (the browser's slider would be pretty ugly).

This is what I replicated in the browser, except you'll need a custom slider (and possibly show it only on hover)

image

Of course if you have 2 containers on the same direction, and both are full of notifications, only one would scroll since it comes above the other one

Trev-Robertson commented 2 years ago

Thanks! I foolishly forgot to add a max height.