Skip to content

[PB-6824]:feat/new dynamic login desgin#1962

Open
jaaaaavier wants to merge 16 commits into
masterfrom
feat/new-login-design
Open

[PB-6824]:feat/new dynamic login desgin#1962
jaaaaavier wants to merge 16 commits into
masterfrom
feat/new-login-design

Conversation

@jaaaaavier
Copy link
Copy Markdown
Contributor

@jaaaaavier jaaaaavier commented May 19, 2026

Description

This PR introduces a new login design, with the following key changes:

  • New animated background, featuring four colored patches that rotate gradually to create a dynamic effect
  • New design for the input fields: some text has been updated, and a background color and shadow have been added to give them a raised appearance
  • It is now clearer when a user has entered incorrect credentials
  • The color of the text for terms and conditions, etc., has been changed, and the logo at the top has been centered

Everything has been implemented in both light and dark modes

The task dont say anything about the "new" page

Related Issues

Related Pull Requests

Checklist

  • Changes have been tested locally.
  • Unit tests have been written or updated as necessary.
  • The code adheres to the repository's coding standards.
  • Relevant documentation has been added or updated.
  • No new warnings or errors have been introduced.
  • SonarCloud issues have been reviewed and addressed.
  • QA Passed

Testing Process

Just been in login and check that everything is working as expected

Additional Notes

@jaaaaavier jaaaaavier self-assigned this May 19, 2026
@jaaaaavier jaaaaavier added the enhancement New feature or request label May 19, 2026
@cloudflare-workers-and-pages
Copy link
Copy Markdown

cloudflare-workers-and-pages Bot commented May 19, 2026

Deploying drive-web with  Cloudflare Pages  Cloudflare Pages

Latest commit: 171829b
Status: ✅  Deploy successful!
Preview URL: https://fea9a5b1.drive-web.pages.dev
Branch Preview URL: https://feat-new-login-design.drive-web.pages.dev

View logs

@jaaaaavier jaaaaavier marked this pull request as ready for review May 19, 2026 08:22
Comment thread src/views/Login/SignInView.tsx Outdated
Comment on lines +14 to +19
<div
className={`relative flex h-full w-full flex-col dark:bg-[#0A0F1C] ${props.displayIframe ? '' : 'overflow-hidden'}`}
>
<style>{`
@keyframes orbTL {
0%, 100% { transform: translate(0, 0) rotate(-164.506deg); }
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

Move all this animation into a separate component, that will make it easier to reuse and maintain.
I can’t see this new background on the sign up screen.
Do we only want it on the login screen? It looks a bit odd.
Have you checked mobile login and sign up screens?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

Moved the animation, also checked with design if we need to update the Sign In and yes!

Comment thread src/views/Login/components/LogIn.tsx Outdated
buttonDataCy="loginButton"
variant="primary"
disabled={isLoggingIn}
className="disabled:!bg-primary"
Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

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

remove disabled while logging is a specificaction of the task?

Copy link
Copy Markdown
Contributor Author

Choose a reason for hiding this comment

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

No the idea was to not having in gray, updated

@sonarqubecloud
Copy link
Copy Markdown

@jaaaaavier jaaaaavier requested a review from CandelR May 20, 2026 09:31
Copy link
Copy Markdown
Collaborator

@CandelR CandelR left a comment

Choose a reason for hiding this comment

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

Remain modify the login and signup forms to both follow the same structure and review the Playwright tests that are failing :)

@jaaaaavier jaaaaavier requested review from larryrider and removed request for larryrider May 21, 2026 08:05
Comment thread src/app/i18n/locales/en.json
larryrider
larryrider previously approved these changes May 21, 2026
@jaaaaavier
Copy link
Copy Markdown
Contributor Author

In QA, we've found a couple more pages where we need to add a background

@jaaaaavier jaaaaavier requested a review from larryrider May 21, 2026 13:26
larryrider
larryrider previously approved these changes May 21, 2026
@CandelR
Copy link
Copy Markdown
Collaborator

CandelR commented May 25, 2026

In QA, we've found a couple more pages where we need to add a background

Okay, just request us review when it’s ready :)

@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

enhancement New feature or request

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants