Login page redesign
bragefuglseth opened this issue · 6 comments
As discussed in #611, the current login screen of Spot is a little empty and unpolished. There are some new Adwaita widgets we can utilize to make it look more welcoming and professional.
Initial mockup
Relevant widgets
Let's not use the toast here. Even on the mockup, it covers the UI elements, and also can be missed easily, which is not great for something like that which requires user input.
That’s kinda the point of a toast, though. It can cover UI elements since it’s temporary. We can set it to show for a pretty long duration, or even require the user to dismiss it manually. The input fields also turn red, so I think it’s pretty understandable what has happened. We could consider an alternative, but it seems pretty logical to use a toast in situations like these.
No, the point of a toast is to provide immediate feedback, not error handling.
Per GNOME HIG,
Toasts are transient and are therefore best suited to communicating individual events, as opposed to ongoing states. The latter are better served by info bars.
An info bar wouldn't fit here either, as the wrong credentials being entered isn't a persistent state. We could have some text appear on the page, though. Maybe in red beneath the fields?
Maybe in red beneath the fields?
I was thinking something along these lines, afaik Spotify does that too.
There's already a lot of red here, so I made the label gray instead. I also moved the text about Spotify Premium to the top, there wasn't really a good reason to have it in the bottom.
