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鈥檒l occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve PIN input component #1845

Merged
merged 4 commits into from Sep 7, 2023
Merged

Improve PIN input component #1845

merged 4 commits into from Sep 7, 2023

Conversation

nmattia
Copy link
Collaborator

@nmattia nmattia commented Sep 5, 2023

This improves the component in two ways:

  • The component does not have type="password" anymore but instead may use a custom font that replaces all chars with the dot symbol. This ensures the (currently 6) inputs do not independently trigger the browser's password manager (which would only save a single char)
  • The component may autofocus the first input

馃煛 Some screens were changed

This improves the component in two ways:

* The component does not have `type="password"` anymore but instead may
  use a custom font that replaces all chars with the dot symbol. This
  ensures the (currently 6) inputs do not independently trigger the
  browser's password manager (which would only save a single char)
* The component may autofocus the first input
@nmattia nmattia marked this pull request as ready for review September 5, 2023 12:27
src/frontend/src/components/pinInput.ts Outdated Show resolved Hide resolved
src/frontend/src/components/pinInput.ts Show resolved Hide resolved
src/frontend/src/styles/main.css Outdated Show resolved Hide resolved
src/frontend/src/styles/main.css Outdated Show resolved Hide resolved
src/showcase/src/components.ts Show resolved Hide resolved
Copy link
Member

@peterpeterparker peterpeterparker left a comment

Choose a reason for hiding this comment

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

LGTM minus the font which will be replaced before merge. Thanks.

Vite might not compress an asset if the uncompressed asset is too small
(904KB in the case of the dots font).
@nmattia nmattia added this pull request to the merge queue Sep 7, 2023
Merged via the queue into main with commit 48808be Sep 7, 2023
49 checks passed
@nmattia nmattia deleted the nm-better-pin branch September 7, 2023 10:12
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.

None yet

3 participants