processing / p5.js-web-editor

The p5.js Editor is a website for creating p5.js sketches, with a focus on making coding accessible and inclusive for artists, designers, educators, beginners, and anyone else! You can create, share, or remix p5.js sketches without needing to download or configure anything.
https://editor.p5js.org
GNU Lesser General Public License v2.1
1.41k stars 1.35k forks source link

Fix: Vertically Center Eye Icon in Password Fiel #3242

Closed BamaCharanChhandogi closed 1 month ago

BamaCharanChhandogi commented 1 month ago

Fixes #3241

Changes: This PR addresses the visual alignment issue where the eye icon in the password field is not vertically centered. By adjusting the CSS for .formeyeicon, the icon is now properly aligned within the input field.

Changes Introduced:

Updated the .form__eye__icon class to vertically center the icon using top: 50% and transform: translateY(-50%). Maintained the current horizontal alignment but adjusted the vertical alignment for a more consistent appearance

I have verified that this pull request:

BamaCharanChhandogi commented 1 month ago

@raclim please check

raclim commented 1 month ago

Thanks again for opening this! I'm going to close this for now due to some of the notes I raised in the associated issue, but please feel free to reopen this with any updates!