Use password visibility icon from theme.properties

Closes #43843

Signed-off-by: Andreas Blaettlinger <bln1imb@bosch.com>
This commit is contained in:
Andreas Blättlinger 2025-10-30 21:18:51 +01:00 committed by GitHub
parent 475d2c0f02
commit bd2a1c7c00
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 4 additions and 2 deletions

View File

@ -65,9 +65,9 @@
<div class="${properties.kcInputGroupItemClass}">
<button class="${properties.kcFormPasswordVisibilityButtonClass}" type="button" aria-label="${msg('showPassword')}"
aria-controls="${name}" data-password-toggle
data-icon-show="fa-eye fas" data-icon-hide="fa-eye-slash fas"
data-icon-show="${properties.kcFormPasswordVisibilityIconShow}" data-icon-hide="${properties.kcFormPasswordVisibilityIconHide}"
data-label-show="${msg('showPassword')}" data-label-hide="${msg('hidePassword')}" id="${name}-show-password">
<i class="fa-eye fas" aria-hidden="true"></i>
<i class="${properties.kcFormPasswordVisibilityIconShow}" aria-hidden="true"></i>
</button>
</div>
</div>

View File

@ -39,6 +39,8 @@ kcAlertIconClass=pf-v5-c-alert__icon
kcAlertTitleClass=pf-v5-c-alert__title
kcAlertDescriptionClass=pf-v5-c-alert__description
kcFormPasswordVisibilityButtonClass=pf-v5-c-button pf-m-control
kcFormPasswordVisibilityIconShow=fa-eye fas
kcFormPasswordVisibilityIconHide=fa-eye-slash fas
kcFormControlToggleIcon=pf-v5-c-form-control__toggle-icon
kcFormActionGroupClass=pf-v5-c-form__actions pf-v5-u-pt-xs
kcFormReadOnlyClass=pf-m-readonly