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

Apply login page redesign #721

Merged
merged 2 commits into from
Mar 6, 2023
Merged

Conversation

owi92
Copy link
Member

@owi92 owi92 commented Feb 23, 2023

This is a slight variation of the previous design, featuring a different login button, the addition of the header and removal of the logo, since that is included in the header.

@github-actions github-actions bot temporarily deployed to test-deployment-pr721 February 27, 2023 16:24 Destroyed
Copy link
Member

@LukasKalbertodt LukasKalbertodt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Mhhh not a fan of having a login button in the header still. I would suggest waiting for #702 and then taking a look at this again. I would think if we want the header, the login button should be hidden. Which would leave:

  • Logo: ok, I can see its use, its easier to use than the "back" button I suppose
  • Search bar: I really can't imagine someone needing to search from the login page
  • Language menu: That actually makes sense.

Mh dunno, I guess it makes sense to have the header on the login page then :/ Still not 100% convinced, but can't put my finger on it. Without the login button it's likely fine. Again, let's wait for #702 and see about this then.

frontend/src/routes/Login.tsx Outdated Show resolved Hide resolved
This is a slight variation of the previous design featuring a
different login button, the addition of the header and
removal of the logo, since that is included in the header.
It adds a specific `loginMode` to the header component which
only shows the logo and language selection.
@github-actions github-actions bot temporarily deployed to test-deployment-pr721 March 5, 2023 10:31 Destroyed
@github-actions github-actions bot temporarily deployed to test-deployment-pr721 March 5, 2023 11:49 Destroyed
@owi92
Copy link
Member Author

owi92 commented Mar 5, 2023

The last commit should fix the search bar width: 100% thing that I introduced with the header redesign. I noticed that if we use a larger max-width on that (sth like 600px or so) and then resize, the logo would actually shrink before the search bar does.
This might not be the right place to add this though.

Copy link
Member

@LukasKalbertodt LukasKalbertodt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the login page now! Only two small code things

frontend/src/routes/Login.tsx Outdated Show resolved Hide resolved
frontend/src/layout/header/Search.tsx Outdated Show resolved Hide resolved
@github-actions github-actions bot temporarily deployed to test-deployment-pr721 March 6, 2023 16:59 Destroyed
This replaces `width: 100%` with `flex: 1` and declares
the input containing label as flex container.
This way, the search bar can actually shrink before the logo
when the screen is resized. Though that only becomes apparent with
a larger max-width (eg 600px or so) of the searchbar than we use now.
@github-actions github-actions bot temporarily deployed to test-deployment-pr721 March 6, 2023 17:07 Destroyed
Copy link
Member

@LukasKalbertodt LukasKalbertodt left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yay!

@LukasKalbertodt LukasKalbertodt merged commit 368c6a2 into elan-ev:master Mar 6, 2023
@LukasKalbertodt LukasKalbertodt added the changelog:user User facing changes label May 15, 2023
@owi92 owi92 deleted the redesign-login-page branch March 4, 2024 16:39
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
changelog:user User facing changes
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants