Skip to content

Conversation

@futa-ikeda
Copy link
Contributor

@futa-ikeda futa-ikeda commented Sep 15, 2025

Ticket

ENG-8787

Purpose

  • Update look and feel of email-password login page and 2-factor authentication login page

Changes

  • UPdate fragments: loginform.html and totploginform.html
  • Update CSS

Screenshots

  • Email/Password page
image
  • 2FA page
image

Dev Notes

QA Notes

Dev-Ops Notes

Copy link
Contributor

@cslzchen cslzchen left a comment

Choose a reason for hiding this comment

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

Looks great ⭐ with one nit suggestion for the reveal password icon.


Locally verified that login and 2FA works as expected. And this is how 2FA page looks with real 2FA set-up (instead of via force exception). The only difference is the user email already filled in, which works as expected.

2fa

Comment on lines 1014 to 1015
color: #94a3b8;
inset-inline-end: 1rem;
Copy link
Contributor

Choose a reason for hiding this comment

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

How about 0rem?

0rem

vs 1rem

1rem

@cslzchen
Copy link
Contributor

Oh, forgot to mention a couple of things:

  • The button style populates to other pages very well (except for those that uses a script to enable and disable, which will be taken care of in your next ticket with the institution login buttons)
  • The banner logo on these login pages are slightly different than the exception ones due to "branded login" feature. I will remove them in a different PR.

@cslzchen cslzchen changed the title [ENG-8787] Feature/password 2fa login [ENG-8787] Username/password and 2FA login page Sep 16, 2025
@cslzchen cslzchen merged commit b336981 into CenterForOpenScience:feature/angular-like-pages Sep 16, 2025
1 check passed
cslzchen added a commit that referenced this pull request Sep 30, 2025
* Add background image
* Update email + password login page
* Update 2fa login page
* Adjust position of the reveal-password icon slightly

---------

Co-authored-by: Longze Chen <cslzchen@gmail.com>
cslzchen added a commit that referenced this pull request Sep 30, 2025
…-pages

Update CAS FE to match angular OSF

* [ENG-8793] [ENG-8785] [ENG-8793] Remove branded login + Update no service pages + Update OAuth workflow (#98)
* [ENG-8788] [ENG-8786] Institutions page and TOS page redesign (#99)
* [ENG-8789] [ENG-8790] [ENG-8791] Exception Page rework (#95)
* [ENG-8787] Username/password and 2FA login page (#97)
* [ENG-8791] Inserting CasProperties into Spring Dispatcher and Improve header and left pane UI/UX (#92)
* [ENG-8927] Add dev mode for forcing errors/exceptions (#93)
* [NOTICKET] Remove OSF Collections URL from cas.properties (#91)
* [ENG-8556] Update CAS pages to match Angular update: header, footer and left pane (#88)
* [ENG-8754] Force throw a few HTTP errors for testing purpose (#90)
* [ENG-8792] Force CAS to throw exceptions and display error pages (#87)
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