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

Fix "show password" icon styles #84

Merged
merged 12 commits into from
Apr 7, 2023
Merged

Conversation

renintw
Copy link
Contributor

@renintw renintw commented Mar 17, 2023

Fixes #83

This PR fixes

  • When toggled, the "show password" icon would squeeze the input on the left.
  • Make the icon inside the input field.
  • The styles were also modified to accommodate the 1password icon.
  • Add a toggled state for the show password icon.
    • The unseen icon provided in the issue has already been added to Gutenberg, and it's expected to be in production on GB 15.5, probably 2-3 weeks later. I've opened another branch that had unseen.svg included so that it can be tested if anyone wants to.
  • Run lint:js.
    • It looks like there were many changes in settings/src/components/password.js, but most of them were just linting updates.

Screencasts

Screen.Capture.on.2023-03-22.at.23-24-49.mp4

@renintw renintw self-assigned this Mar 17, 2023
Copy link
Member

@iandunn iandunn left a comment

Choose a reason for hiding this comment

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

I left a few small comments, but this looks really good. Great job!

settings/package.json Outdated Show resolved Hide resolved
settings/src/components/password.js Show resolved Hide resolved
cancelCircleFilled,
check,
seen,
unseen,
Copy link
Member

Choose a reason for hiding this comment

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

Great job adding the icon to Gutenberg!

I guess we'll need to wait until that's in a stable release to merge this?

Copy link
Contributor Author

@renintw renintw Mar 22, 2023

Choose a reason for hiding this comment

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

If it is expected to be deployed soon after merging it, then it should wait until the GB 15.5 is released to be merged. Otherwise, it would cause errors.

Copy link
Contributor Author

@renintw renintw Mar 22, 2023

Choose a reason for hiding this comment

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

Label: [Status] On Hold was added. I'll keep track of the Guteberg release schedule.

Copy link
Member

Choose a reason for hiding this comment

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

That sounds good 👍🏻 It is usually best to deploy soon after merging.

settings/src/components/password.scss Show resolved Hide resolved
@renintw renintw merged commit 17156fc into trunk Apr 7, 2023
@renintw renintw deleted the fix/show-password-icon-style branch April 7, 2023 02:41
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.

Adjust styles of the "Show password" icon
3 participants