Skip to content
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

Custom login page #1613

Open
wants to merge 10 commits into
base: master
Choose a base branch
from
Open

Conversation

diegoaces
Copy link
Contributor

@pierotofy
Copy link
Member

pierotofy commented Feb 19, 2025

Thanks @diegoaces ! This will look nice indeed.

A few requests before merging:

  • Please merge the migrations into a single file
  • Don't duplicate base.html to create base_login.html, I understand you probably did this in order to not display the top menu, but perhaps you could manage with just using CSS or template blocks?
  • There are multiple DOM elements with ID slogan-text; IDs should be unique. Use classes instead
  • If a slogan is not set, the corresponding h3 element should not be displayed.
  • Rename #column-left --> #login-column-left
  • Can we avoid creating a registration_base_login.html? I don't understand why these changes require new templates.

Also, does this display nicely on mobile / portrait mode?

- Removed base_login.html
- Removed slogan-text IDs.
- Removed registration_base_login.html
- If a slogan is not set, the corresponding h3 element should not be displayed.
- Added login-column-left and login-column-right.
- Support to mobile/portrait mode.
- Removed icon size setting
@diegoaces
Copy link
Contributor Author

Thank you, @pierotofy, for your feedback.
Based on your comments, I have made the following changes:

  • Removed base_login.html
  • Removed slogan-text IDs.
  • Removed registration_base_login.html
  • If a slogan is not set, the corresponding h3 element should not be displayed.
  • Added login-column-left and login-column-right to css
  • Support to mobile/portrait mode.
  • Removed icon size setting.

If I missed anything, please let me know.

@pierotofy
Copy link
Member

pierotofy commented Feb 20, 2025

Thanks for the changes @diegoaces !

I started doing some review and found a potentially problematic issue with the proposed new layout; sorry I didn't think of this sooner. The proposed layout assumes that people have uploaded a sufficiently high resolution image for a logo, but this is not necessarily the case, as shown below for one example of a low resolution image:

image

Mobile rendering:

image

Leaving the default logo size definitely looks a bit odd too:

image

I most definitely do not want to force thousands of users to upload new high resolution images to make their login screen look good.

Another related side-issue: if the header background is white, the whole page looks a bit odd also:

image

Perhaps the solution here could be to offer the option to switch between the two login layouts (legacy vs column), leaving existing users on the old layout by default, but I'm not sure the additional complexity would be worth the effort?

I do start to wonder if perhaps this change falls under custom code that perhaps should be best kept in a fork; designing generic layouts that can be customized can be tricky...

I will finish by saying that I currently don't mind the current login/logout page layout. It's simple. If we want to change it, it needs to demonstrate a solid net improvement (and not create potential problems for users).

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants