Lbry-desktop: Obstructive notifications (snackbar)

[btzr-io]

The Issue

Snackbar notifications obstruct some elements on the header component.
~Also would be nice to have an option to remove it without having to wait.~

Steps to Reproduce

1. Trigger a snackbar notification (click on the copy wallet address button)

Expected Behaviour

Non-obstructive notifications.

Screenshots

[seanyesmunt]

@btzr-io Do you have any ideas on how we can improve this? I think a good first step is to add an "X" to hide them earlier.

[btzr-io]

@seanyesmunt some good suggestions:

Snackbars should be placed at the bottom of a UI, in front of app content. Avoid placing a snackbar in front of frequently used touch targets or navigation.

In wide layouts, snackbars can be left-aligned or center-aligned if they are consistently placed on the same spot at the bottom of the screen.

https://material.io/design/components/snackbars.html#placement

[sanketsingh24]

If this issue is free, I would like to work on this, but would need some more info on where to place the snackbar, I think adding a close button would be necessary.

[kauffj]

Material specifically does not have close buttons. Is there something unique about our app that requires them vs. Google which does not? Or do we think Google is wrong in not having them?

Unless we're answering in the affirmative to one of those questions, it is probably better to start with different/smarter placement and consider tweaking timing or usage if people feel a need to close.

[sanketsingh24]

Usually, snackbar is placed on bottom-right or bottom-left, the reason being the fact that people usually try to keep the relevent info nearer to top of the screen, and hence the bottom side of website is not used. Even the website which @btzr-io linked says that. Also, size and timing can be tweaked.

[seanyesmunt]

I think if we move the snackbar to the bottom left, a close button would not be necessary. The only reason an argument could be made to have one now is because it covers the search bar.

[btzr-io]

Yeah, we don't need the close button if isn't obstructing important stuff :+1:

[sanketsingh24]

Bottom-left is cool but might hide some menu buttons, which is my only concern.

[kauffj]

Just noticed Gmail snackbars do have close buttons.

[sanketsingh24]

Well, they have the same issue I had concerns with, and the snackbar disappear upon clicking any action button.

[btzr-io]

@sanketsingh24 Are you still working on this?