Skip to content
This repository has been archived by the owner on Sep 11, 2024. It is now read-only.

First iteration on improving login UI #811

Merged
merged 4 commits into from
Apr 21, 2017
Merged

First iteration on improving login UI #811

merged 4 commits into from
Apr 21, 2017

Conversation

lukebarnard1
Copy link
Contributor

@lukebarnard1 lukebarnard1 commented Apr 21, 2017

This implements most of the design in element-hq/element-web#3524:

  • Improve CountryDropdown by allowing all countries to be displayed at once and using PNGs for performance (trading of quality - the pngs are scaled down from 32px to 25px)
  • "I want to sign in with" dropdown to select login method
  • MXID login field that suffixes HS domain (whether custom or matrix.org) and prefixes "@"
  • Email field which is secretly the same as the username field but with a different placeholder
  • No more login flickering when changing ServerConfig (!) fixes Custom server UI is infuriating element-hq/element-web#1517
  • Use the correct icon (picked randomly when loaded into browser) fixes Use the right riot logo on the login page element-hq/element-web#3577

TODO in this PR:

  • remove :server.name

TODO in other PRs:

  • Country code visible once a country has been selected (propbably but as a prefix to the phone number input box.
  • Use square flags
  • Move CountryDropdown above phone input and make it show the full country name when not expanded
  • Auto-select country based on IP
  • Suggest typing less by telling the user not to type :server.name in the username box.

Screenshots:
2017-04-21-114907_374x570_scrot

2017-04-21-114921_389x572_scrot

This neglects the phone number login:
login_with_msisdn

Luke Barnard added 3 commits April 19, 2017 10:08
This makes the following changes:
 - Improve CountryDropdown by allowing all countries to be displayed at once and using PNGs for performance (trading of quality - the pngs are scaled down from 32px to 25px)
 - "I want to sign in with" dropdown to select login method
 - MXID login field that suffixes HS domain (whether custom or matrix.org) and prefixes "@"
 - Email field which is secretly the same as the username field but with a different placeholder
 - No more login flickering when changing ServerConfig (!) fixes element-hq/element-web#1517

This implements most of the design in element-hq/element-web#3524 but neglects the phone number login:
![login_with_msisdn](https://cloud.githubusercontent.com/assets/1922197/24864469/30a921fc-1dfc-11e7-95d1-76f619da1402.png)

This will be updated in another PR to implement desired things:
 - Country code visible once a country has been selected (propbably but as a prefix to the phone number input box.
 - Use square flags
 - Move CountryDropdown above phone input and make it show the full country name when not expanded
 - Auto-select country based on IP
Custom servers may not be configured such that their domain name === domain part.
@dbkr dbkr assigned lukebarnard1 and unassigned dbkr Apr 21, 2017
@lukebarnard1 lukebarnard1 merged commit 19d6d1e into develop Apr 21, 2017
lukebarnard1 pushed a commit to element-hq/element-web that referenced this pull request Apr 21, 2017
lukebarnard1 added a commit to element-hq/element-web that referenced this pull request Apr 21, 2017
dbkr added a commit that referenced this pull request Aug 29, 2017
Broken by the change from onHsUrlChanged to onServerConfigChanged
in #811 where
ForgotPassword got missed.
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Use the right riot logo on the login page Custom server UI is infuriating
2 participants