Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sign in/up eye icon does not trigger show/hide of password #7

Closed
zoltanszogyenyi opened this issue May 20, 2020 · 1 comment
Closed
Assignees
Labels
bug Something isn't working

Comments

@zoltanszogyenyi
Copy link
Collaborator

zoltanszogyenyi commented May 20, 2020

I have an issue with the password unhide in the Signin and Signup forms. When the user click on the eye icon its not showing up the hidden password.

@zoltanszogyenyi zoltanszogyenyi added the bug Something isn't working label May 20, 2020
@zoltanszogyenyi
Copy link
Collaborator Author

zoltanszogyenyi commented May 20, 2020

We will have this fixed in version 1.1. Until then you can do the following to remedy the situation:

  1. Add the following styles to src/front/scss/front/components/_forms.scss:
.form-control[type="text"] + .input-group-append,
.form-control[type="password"] + .input-group-append {
    &:hover {
        cursor: pointer;
    }
}
  1. Add the following snippet in src/front/assets/js/front.js:
var $passwordToggle = $('.form-control[type="password"] + .input-group-append');
    var $passwordInput = $('.form-control[type="password"]');
    $passwordToggle.click(function() {
     if ($passwordInput.attr('type') === 'password' ) {
         $passwordInput.attr('type', 'text');
     } else {
         $passwordInput.attr('type', 'password');
     }
});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

1 participant