[MGNLUI-4562] Resurface: Login screen Created: 10/Aug/18  Updated: 23/Nov/18  Resolved: 22/Nov/18

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: None
Fix Version/s: 6.0

Type: Story Priority: Neutral
Reporter: Anja von Gunten Assignee: Maxime Michel
Resolution: Fixed Votes: 0
Labels: None
Remaining Estimate: Not Specified
Time Spent: Not Specified
Original Estimate: Not Specified

Attachments: PNG File Bildschirmfoto 2018-11-15 um 09.58.48.png     PNG File chrome-error.png     PNG File failed-login.png    
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Date of First Response:
Epic Link: Resurface theme
Sprint: Basel 160
Story Points: 5

 Description   

Implement New Design for the login screen

Acceptance criteria



 Comments   
Comment by Anja von Gunten [ 10/Aug/18 ]

Rough estimate 5 SP based on Design+planning. Team should re-estimate.

Comment by Maxime Michel [ 14/Nov/18 ]

avongunten what should the failed login page look like?

Comment by Maxime Michel [ 15/Nov/18 ]

avongunten I'm also not sure where to find the icons you used in the fields.

Comment by Anja von Gunten [ 21/Nov/18 ]

mmichel  fgrilli Here's my feedback

  • let's make sure that there is some space below the button, even for small screens, let's discuss what options we have
  • Is there any possibility to get rid of that yellow?
  • Field types focus state (when click into fiedl) has a white bg and black border (currently bg is still grey)
  • Login button should have a hover (opcaity 70%)
  • After using it i'm a bit undecided whether we should not rather add the red border (for consistency reasons)
Comment by Maxime Michel [ 21/Nov/18 ]

Reopening for fine tuning:

  • replace logo with GIF
  • small screen issue spotted by fgrilli
  • input background shouldn't be yellow when submitted  (default from the browser that is hard to override, and a valid signal to send to the user)
  • focused field should have a white background
  • hover (70% opacity) on the button
  • decide on the red border for erroneous fields
Generated at Mon Feb 12 09:17:52 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.