New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Removed registration form, cleaned up login flow #3821
Conversation
Nice work, and fast! I found three issues I think we can fix in this PR. On the front page we show a login button and you can signup with that form but I think the button should express that. Maybe "Login or Signup" when The button back to the e-mail only login should take The password reset form needs work as well. |
@frjo great catches, thanks for taking a look! All should be resolved now, along with some CSS cleanup & addition translation tags added. It's weird stylelint flagged my variable use with that |
7f66695
to
f96cb89
Compare
I rebased this PR and made some minor changes to text of a button. |
@@ -4,5 +4,5 @@ | |||
href="{% url 'users:passwordless_login_signup' %}{% if next %}?next={{next}}{% endif %}" | |||
> | |||
{% heroicon_mini "envelope" size=18 class="inline align-text-bottom me-1" aria_hidden=true %} | |||
{% trans "Log in " %}{% if ENABLE_PUBLIC_SIGNUP %} {% trans "or" %} {% trans "Sign in" %}{% endif %} {% trans "via" %} {% trans "e-mail" %} | |||
{% trans "Log in without password" %} |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I like this a lot better, should we indicate that this is where you would also go to signup though as that isn't given anywhere else?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
(if enabled)
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
My thinking was that if you clicked your way to the password login form you are most likely not needing to create an account.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
fair enough, all good by me!
Fixes HyphaApp#3813. Main changes: - [x] Got rid of the registration form in favor of using the `/auth/` view. Having two places where the user can potentially register is confusing. - [x] Cleaned up different aspects of the login flow that were mentioned in HyphaApp#3813, like inconsistency in terminology (`Login` vs `Log in`), removal of buttons where they don't need to be, etc. - [x] Added a button on the password-ed login to bring the user back to the passwordless log in/register view. - [x] Have buttons in column rather than row on *both* mobile & desktop view and made them the same width (`18 rem`). - Should we center the login page for desktop? This was done as it felt awkward to have everything on the left side while the buttons crept to the center - [x] Added icons to `Log in with <ORG> email` & `Log in or register via email` for consistency - [x] Moved login buttons to their own templates as some were being reused - [x] Added missing translation blocks
Fixes HyphaApp#3813. Main changes: - [x] Got rid of the registration form in favor of using the `/auth/` view. Having two places where the user can potentially register is confusing. - [x] Cleaned up different aspects of the login flow that were mentioned in HyphaApp#3813, like inconsistency in terminology (`Login` vs `Log in`), removal of buttons where they don't need to be, etc. - [x] Added a button on the password-ed login to bring the user back to the passwordless log in/register view. - [x] Have buttons in column rather than row on *both* mobile & desktop view and made them the same width (`18 rem`). - Should we center the login page for desktop? This was done as it felt awkward to have everything on the left side while the buttons crept to the center - [x] Added icons to `Log in with <ORG> email` & `Log in or register via email` for consistency - [x] Moved login buttons to their own templates as some were being reused - [x] Added missing translation blocks
Fixes #3813. Main changes: - [x] Got rid of the registration form in favor of using the `/auth/` view. Having two places where the user can potentially register is confusing. - [x] Cleaned up different aspects of the login flow that were mentioned in #3813, like inconsistency in terminology (`Login` vs `Log in`), removal of buttons where they don't need to be, etc. - [x] Added a button on the password-ed login to bring the user back to the passwordless log in/register view. - [x] Have buttons in column rather than row on *both* mobile & desktop view and made them the same width (`18 rem`). - Should we center the login page for desktop? This was done as it felt awkward to have everything on the left side while the buttons crept to the center - [x] Added icons to `Log in with <ORG> email` & `Log in or register via email` for consistency - [x] Moved login buttons to their own templates as some were being reused - [x] Added missing translation blocks
Fixes #3813. Main changes: - [x] Got rid of the registration form in favor of using the `/auth/` view. Having two places where the user can potentially register is confusing. - [x] Cleaned up different aspects of the login flow that were mentioned in #3813, like inconsistency in terminology (`Login` vs `Log in`), removal of buttons where they don't need to be, etc. - [x] Added a button on the password-ed login to bring the user back to the passwordless log in/register view. - [x] Have buttons in column rather than row on *both* mobile & desktop view and made them the same width (`18 rem`). - Should we center the login page for desktop? This was done as it felt awkward to have everything on the left side while the buttons crept to the center - [x] Added icons to `Log in with <ORG> email` & `Log in or register via email` for consistency - [x] Moved login buttons to their own templates as some were being reused - [x] Added missing translation blocks
Description
Fixes #3813. Main changes:
/auth/
view. Having two places where the user can potentially register is confusing.Login
vsLog in
), removal of buttons where they don't need to be, etc.18 rem
).Log in with <ORG> email
&Log in or register via email
for consistencyScreenshots
Desktop Views
Homepage
Passwordless Login
Password-ed Login
Mobile Views
Homepage
Passwordless Login
Password-ed Login
Test Steps
Log in
button appears in the top right cornerLog in
button, and confirm you get taken to the passwordless login page (/auth/
)Log in with password
button and confirm you get taken to the password-ed page (/login/
)Log in without password
/auth/
)