Added password toggle and improved UI #286
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Issue: #279
Description
Password Toggle: Add a clickable eye icon beside the password fields and use JavaScript to toggle the type attribute between "password" and "text" to show or hide the password.
Validation Feedback: Add an asterisk () after each field label (Full Name, Email*, etc.) using HTML/CSS for required fields.
Update Contrast: Modify the CSS color property of the "Sign in" link to a darker shade (e.g., #000 or a color with higher contrast) to meet accessibility standards for better readability.
Type of PR
Screenshots / videos (if ap
Before:
![brave_XASPXylWHd](https://private-user-images.githubusercontent.com/86069454/374534714-ea8cb36a-64f6-4da4-abc7-0e4f2cbed864.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMjMxNzEsIm5iZiI6MTczOTMyMjg3MSwicGF0aCI6Ii84NjA2OTQ1NC8zNzQ1MzQ3MTQtZWE4Y2IzNmEtNjRmNi00ZGE0LWFiYzctMGU0ZjJjYmVkODY0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAxMTQzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTU0YjFiNTc1MTU0Mzg4M2QwNjdhNDRlNWYyZjU1ODAyZWFhOGZiZjQzOWM5YjQyZDI4OTMwOWJhODljMTI0MjAmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.72AF9WJN0-I3CDpvuaBt3w1iCNS341NlNostlbQbwpA)
![brave_KJMl8UCy3d](https://private-user-images.githubusercontent.com/86069454/374534796-93bc9b64-544a-49e8-a94c-c091da59cbca.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMjMxNzEsIm5iZiI6MTczOTMyMjg3MSwicGF0aCI6Ii84NjA2OTQ1NC8zNzQ1MzQ3OTYtOTNiYzliNjQtNTQ0YS00OWU4LWE5NGMtYzA5MWRhNTljYmNhLnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAxMTQzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTNmYWZjMGNmMWM1ODg4MDhhZGJmYTE3MDdiN2E3NzgwMGRlZTc2OTdiYmM3MTYwNzBiZTc0OGZlN2VhZTE4NDMmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.-A9OGnG1pXBDvKma58EM8h8eaRG6Hyufo2bRSWGgMe0)
applicable)
After:
![brave_6peSCnjuiz](https://private-user-images.githubusercontent.com/86069454/374534862-d20c87ca-f151-4387-aeb3-ffaa16355047.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMjMxNzEsIm5iZiI6MTczOTMyMjg3MSwicGF0aCI6Ii84NjA2OTQ1NC8zNzQ1MzQ4NjItZDIwYzg3Y2EtZjE1MS00Mzg3LWFlYjMtZmZhYTE2MzU1MDQ3LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAxMTQzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTZlNzBhOWI4MjZmMjBlMzNmNzBiYmNiYmVkMzg5ZmJkZTc3NjM0YWY5MDljODJmNTExM2Y1OGExNTI3Mjg4NjgmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.9_HXPO3hQxXLeKL7ebgSqq_gCvNWuEyAN433GwU6hoA)
![brave_W5R1Dnd9YI](https://private-user-images.githubusercontent.com/86069454/374534892-5eee7c4a-fb49-4bba-964a-4834c88b14d4.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MzkzMjMxNzEsIm5iZiI6MTczOTMyMjg3MSwicGF0aCI6Ii84NjA2OTQ1NC8zNzQ1MzQ4OTItNWVlZTdjNGEtZmI0OS00YmJhLTk2NGEtNDgzNGM4OGIxNGQ0LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTIlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjEyVDAxMTQzMVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPWI0ZGQ2NTRhMGE3ZTgxMDllNTNjMjg5ZGY1ZmFhMDZlYWEyMGI2NzJkZWM3MjAyYmQ3OGViYmIzMDg5MmIxMjcmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.SbT_Ymg9jCGD0KwkYORTABfnRh9kx05HQGotCz1XN7k)
Checklist: