Task #52203

Base Distribution - Work Package #47023: Global user interface

Redesign login screen

Added by Rasmus Skjoldan over 5 years ago. Updated over 5 years ago.

Status:
Resolved
Priority:
Should have
Assignee:
Category:
UI
Start date:
2013-09-23
Due date:
% Done:

100%


Description

New updated design for the login screen to match the flat UI style.

The design doesn't contain any handling of failed logins/logout, but that should be a tooltip which is shown beneath the login button and styled like the inspector validation error with the arrow and error color if failed login and notice or success color for successful logout.

neos_login_focus.png View (25.3 KB) Rasmus Skjoldan, 2013-09-23 23:36

neos_login_no-focus.png View (25.3 KB) Rasmus Skjoldan, 2013-09-23 23:36

neos_login_02.psd View (565 KB) Rasmus Skjoldan, 2013-09-23 23:36

neos_23.png View (25.8 KB) Rasmus Skjoldan, 2013-10-02 17:03

Associated revisions

Revision d154e7fa (diff)
Added by Tim Kandel over 5 years ago

[FEATURE] Implement new login screen design

New login screen design implementation.

Change-Id: I253b43aedb07bd64100205330cfac10543c8aad2
Related: #52203

Revision 151c17dc (diff)
Added by Aske Ertmann over 5 years ago

[BUGFIX] Clean up after direct push of new login design

Related: #52203

Revision 9cae131a (diff)
Added by Aske Ertmann over 5 years ago

[TASK] Revert login screen footer text changes

Change-Id: I7242eb6713ee7ad020dccbcbc89c8b6067c9c378
Related: #52203
Reviewed-on: https://review.typo3.org/24505
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann

Revision 16194f5f (diff)
Added by Aske Ertmann over 5 years ago

[TASK] Change footer text on login screen

Change-Id: I576741267488c163709b7c7c928f95dcf3c9c9b1
Related: #52203
Releases: 1.0, master
Reviewed-on: https://review.typo3.org/24506
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann

Revision c3887411 (diff)
Added by Aske Ertmann over 5 years ago

[TASK] Change footer text on login screen

Change-Id: I576741267488c163709b7c7c928f95dcf3c9c9b1
Related: #52203
Releases: 1.0, master
Reviewed-on: https://review.typo3.org/24506
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
(cherry picked from commit 16194f5fd07e538546066f36b91e65c1e19a369c)
Reviewed-on: https://review.typo3.org/26295

Revision 97e6d855 (diff)
Added by Aske Ertmann about 5 years ago

[TASK] Reintroduce shake effect after failed login attempt

This was removed during the implementation of the new styling,
however the purpose is still valid since we don't have any delay
for failed login attempts so users can end up not noticing that it
actually tried to login and failed so they keep waiting for a response.

Change-Id: I0b93614d1ee814bb71f28cac0a3a8c8de68428ae
Related: #52203
Releases: master
Reviewed-on: https://review.typo3.org/26485
Reviewed-by: Aske Ertmann
Tested-by: Aske Ertmann
Reviewed-by: Mattias Nilsson
Tested-by: Mattias Nilsson
Reviewed-by: Sebastian Kurfuerst
Tested-by: Sebastian Kurfuerst

History

#1 Updated by Rasmus Skjoldan over 5 years ago

New login design attached.

Needs to work in responsive widths.

Text is fixed to the bottom when there's space for it. Variable width. 32px in and 32px up from bottom of browser.

When text get close to overlapping login button (needs minimum distance of 60px) the text becomes scrollable.

Site name is added to the "Login to" button.

Not sure what the correct final text should be but the current in Alpha 5 is weird. For now, replace with:

"TYPO3 Neos – © 2006-2013 This is free software, and you are welcome to redistribute it under certain conditions; click for details. Extensions are copyright of their respective owners. TYPO3 Neos comes with ABSOLUTELY NO WARRANTY; click for details. Obstructing the appearance of this notice is prohibited by law. See neos.typo3.org for more details. Obstructing the appearance of this notice is prohibited by law."

If it's important to someone to have the names in there it must be discussed which names should go in.

#2 Updated by Karsten Dambekalns over 5 years ago

Hi.

Rasmus Skjoldan wrote:

Site name is added to the "Login to" button.

What about long site names? And what about setups where mutliple sites are in the same Neos installation?

I'd say this is a dead end, and in the first designs we already had the name in, and it did not work out...

#3 Updated by Rasmus Skjoldan over 5 years ago

Check - I'll do a revision where it's not in the button name.

#4 Updated by Rasmus Skjoldan over 5 years ago

  • Assignee set to Rasmus Skjoldan

#5 Updated by Rasmus Skjoldan over 5 years ago

  • File neos_23.png View added
  • Assignee changed from Rasmus Skjoldan to Aske Ertmann

Updated with name outside of the login button for longer installation names.

#6 Updated by Tim Kandel over 5 years ago

  • Status changed from New to Accepted
  • Assignee changed from Aske Ertmann to Tim Kandel

#7 Updated by Gerrit Code Review over 5 years ago

  • Status changed from Accepted to Under Review

Patch set 1 for branch master has been pushed to the review server.
It is available at https://review.typo3.org/24360

#8 Updated by Tim Kandel over 5 years ago

  • Assignee changed from Tim Kandel to Rens Admiraal

Basic implementation is done. Rens still has to take a look at it for responsiveness and will implement the rest

#9 Updated by Tim Kandel over 5 years ago

As discussed with Rens today remaining TODOs are:
- responsiveness
- color of status message (wrong credentials, successful logout)

#10 Updated by Aske Ertmann over 5 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100

#11 Updated by Aske Ertmann over 5 years ago

  • Target version changed from 1.0 beta 1 to 1.0 alpha 6

Also available in: Atom PDF