Add password visibility toggle to homepage registration (#31092)

* Add password visibility toggle to homepage registration

* Update text to "Create password" in registration form on the homepage

* Use material-symbol instead

GitOrigin-RevId: c40f3e9f696929108bad2e54acacfe3323ff70db
This commit is contained in:
Rebeka Dekany
2026-02-05 09:05:33 +00:00
committed by Copybot
parent 3607a1dbd8
commit ee6047ccd6
2 changed files with 31 additions and 1 deletions
@@ -1,4 +1,6 @@
.homepage-container {
--password-visibility-toggle-width: 44px;
padding-top: $header-height;
.home-animation-text-container {
@@ -156,6 +158,34 @@
input {
flex: 1;
}
.form-complex-input-container {
position: relative;
flex: 1;
input {
padding-right: var(--password-visibility-toggle-width);
}
}
.visibility-toggle {
position: absolute;
right: 0;
top: 0;
width: var(--password-visibility-toggle-width);
height: 100%;
display: flex;
align-items: center;
justify-content: center;
border: none;
background-color: transparent;
cursor: pointer;
color: var(--content-secondary);
&:hover {
color: var(--content-primary);
}
}
}
.home-registration-sign-up {