Task #52203
Work Package #47023: Global user interface
Redesign login screen
| Status: | Resolved | Start date: | 2013-09-23 | |
|---|---|---|---|---|
| Priority: | Should have | Due date: | ||
| Assigned To: | Rens Admiraal | % Done: | 100% |
|
| Category: | UI | |||
| Target version: | Base Distribution - 1.0 alpha 6 |
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.
Associated revisions
[FEATURE] Implement new login screen design
New login screen design implementation.
Change-Id: I253b43aedb07bd64100205330cfac10543c8aad2
Related: #52203
[BUGFIX] Clean up after direct push of new login design
Related: #52203
[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
[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
[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
[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 almost 2 years ago
- File neos_login_focus.png added
- File neos_login_no-focus.png added
- File neos_login_02.psd added
- Status changed from Resolved to New
- Assigned To deleted (
Aske Ertmann)
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 almost 2 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 almost 2 years ago
Check - I'll do a revision where it's not in the button name.
#4 Updated by Rasmus Skjoldan almost 2 years ago
- Assigned To set to Rasmus Skjoldan
#5 Updated by Rasmus Skjoldan almost 2 years ago
- File neos_23.png added
- Assigned To changed from Rasmus Skjoldan to Aske Ertmann
Updated with name outside of the login button for longer installation names.
#6 Updated by Tim Kandel almost 2 years ago
- Status changed from New to Accepted
- Assigned To changed from Aske Ertmann to Tim Kandel
#7 Updated by Gerrit Code Review almost 2 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 almost 2 years ago
- Assigned To 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 almost 2 years ago
As discussed with Rens today remaining TODOs are:
- responsiveness
- color of status message (wrong credentials, successful logout)
#10 Updated by Aske Ertmann almost 2 years ago
- Status changed from Under Review to Resolved
- % Done changed from 0 to 100
#11 Updated by Aske Ertmann almost 2 years ago
- Target version changed from 1.0 beta 1 to 1.0 alpha 6