Skip to content

Improve password peek positioning accross app and website.#4810

Merged
emrysal merged 2 commits intomainfrom
fix/improve-password-peek-positioning
Oct 3, 2022
Merged

Improve password peek positioning accross app and website.#4810
emrysal merged 2 commits intomainfrom
fix/improve-password-peek-positioning

Conversation

@JeroenReumkens
Copy link
Copy Markdown
Contributor

@JeroenReumkens JeroenReumkens commented Oct 3, 2022

What does this PR do?

Improves general positioning of the password peek tooltip. Redid the styling a bit so we can use the addonSuffix, which ensures that the element is positioned within the input wrapper, making absolute positioning a lot easier :)

This issue mainly fixes the positioning on cal.com/signup, but also impacts the password elements on eg /settings/security/password and /auth/setup. Tested all 3 of these, see screenshots. Added @leog as a reviewer since he recently also fixed the auth/setup page, and want to inform him of this change as well :)

Proof that it's fixed:

Settings page

CleanShot 2022-10-03 at 21 29 28@2x

/signup page

CleanShot 2022-10-03 at 21 42 42@2x

Auth/setup page

CleanShot 2022-10-03 at 21 28 52@2x

Environment: Staging(main branch)

Type of change

  • Bug fix (non-breaking change which fixes an issue)

How should this be tested?

  • Check pages where password input field is used, and ensure that the peek icon is positioned correctly (see 3 pages mentioned at the top of this issue)

@JeroenReumkens JeroenReumkens requested review from a team, leog and sean-brydon October 3, 2022 19:38
@vercel
Copy link
Copy Markdown

vercel Bot commented Oct 3, 2022

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated
cal ✅ Ready (Inspect) Visit Preview Oct 3, 2022 at 7:51PM (UTC)

Copy link
Copy Markdown
Contributor

@leog leog 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, good job @JeroenReumkens 👍

@emrysal emrysal enabled auto-merge (squash) October 3, 2022 19:40
@emrysal emrysal added ♻️ autoupdate tells kodiak to keep this branch up-to-date automerge labels Oct 3, 2022
@emrysal emrysal merged commit 4438ca2 into main Oct 3, 2022
@emrysal emrysal deleted the fix/improve-password-peek-positioning branch October 3, 2022 19:52
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

automerge ♻️ autoupdate tells kodiak to keep this branch up-to-date

Projects

No open projects
Status: Done

Development

Successfully merging this pull request may close these issues.

3 participants