Features that will sweeten the deal!

[derpycoder]

I love what this project has done, thank you for taking your time to make it happen.

I have a few suggestions that would be a worthy addition to 1.0.0 release.

Recommendations:

1. The notifications timer should pause, when user is not looking. i.e. If user minimized window or switched tab.
2. Notification timer should pause, when user hovers over a message or touches the toast, to take a better look.
3. Every CSS class in the project should have a prefix. That would help a ton while whitelisting in PurgeCSS. (As PurgeCSS strips out 3rd party library styles, without whitelisting!)
4. When notifications are removed, the messages snap to their new locations, in a jarring manner! It should be smooth. Refer: svelte animate directive to smoothly translate the existing ones to their new places.
5. There can be an accompanying progress-bar at the bottom, if removeAfter is specified.
6. User should be able to dismiss a notification by swiping away the notification.
7. Notification should take two position, one for big devices & the other for mobile devices. So we can specify top-right-position for big device & bottom-center-position for the mobile device.

N.B. Last 3 can be achieved by custom component or by using getNotificationContext, but having them integrated can sell the project better.

Final Refererence: React Toastify

[joswin18]

Hi, I'd like to work on this issue. Could you please assign it to me? @usernamus