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

chore: improve display of lock screen, closes #4606 #4716

Merged
merged 1 commit into from
Dec 19, 2023

Conversation

pete-watters
Copy link
Contributor

@pete-watters pete-watters commented Dec 18, 2023

Try out this version of Leather — Extension build, Test report

This PR adds some improvements to the UI of:

  • lock screen
  • password strength indicator
Kapture.2023-12-18.at.12.28.48.mp4

Screenshot 2023-12-18 at 12 31 15

@pete-watters pete-watters linked an issue Dec 18, 2023 that may be closed by this pull request
@pete-watters pete-watters force-pushed the fix/4606/password-alignment branch from 237fa51 to c53f56c Compare December 18, 2023 12:33
@@ -26,7 +26,9 @@ export function TwoColumnLayout({
gap="space.07"
mx={['auto', 'space.03', 'space.03', 'space.03']}
>
<styled.div maxWidth="440px">{leftColumn}</styled.div>
<styled.div minWidth="440px" maxWidth="440px" textAlign="left">
Copy link
Contributor

Choose a reason for hiding this comment

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

Would setting the min and max width here as the same be just a fixed width of 440px? 🤔

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Thanks @fbwoolf 🤦 the worst part is I saw this but thought I was avoiding a set width. I'll update it

Copy link
Collaborator

@kyranjamie kyranjamie left a comment

Choose a reason for hiding this comment

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

I would suggest another improvement would be not having the button jump position when a validation error is shown

@pete-watters pete-watters force-pushed the fix/4606/password-alignment branch from c53f56c to e520cea Compare December 18, 2023 15:22
@pete-watters pete-watters force-pushed the fix/4606/password-alignment branch from e520cea to ea7cdbe Compare December 19, 2023 10:27
@pete-watters pete-watters added this pull request to the merge queue Dec 19, 2023
@kyranjamie
Copy link
Collaborator

Mmm, forgot some of the lock screen issues will've been fixed here

@pete-watters pete-watters removed this pull request from the merge queue due to a manual request Dec 19, 2023
@pete-watters pete-watters added this pull request to the merge queue Dec 19, 2023
@kyranjamie kyranjamie removed this pull request from the merge queue due to a manual request Dec 19, 2023
@pete-watters pete-watters added this pull request to the merge queue Dec 19, 2023
@pete-watters pete-watters removed this pull request from the merge queue due to a manual request Dec 19, 2023
@pete-watters pete-watters added this pull request to the merge queue Dec 19, 2023
@pete-watters
Copy link
Contributor Author

Mmm, forgot some of the lock screen issues will've been fixed here

Did you want to release this? I can do another release. This is just some minor visual tweaks

@kyranjamie
Copy link
Collaborator

It's been released already so why not!

Merged via the queue into dev with commit d0977cb Dec 19, 2023
26 checks passed
@pete-watters pete-watters deleted the fix/4606/password-alignment branch December 19, 2023 12:10
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.

Fix password-related formatting issues
3 participants