diff --git a/app/partials/views/modules/login-form.jade b/app/partials/views/modules/login-form.jade index 8d1eb13f..d81f4cb2 100644 --- a/app/partials/views/modules/login-form.jade +++ b/app/partials/views/modules/login-form.jade @@ -4,6 +4,8 @@ div.login-form-container input(type="text", name="username", ng-model="form.username", placeholder="User name") fieldset input(type="password", name="password", ng-model="form.password") + //-This should be hidden when focus on pass + a.forgot-pass(href="", title="Did you forgot your pass?") Forgot it? fieldset input.remember-me(type="checkbox", checked="checked") label remember me on this computer diff --git a/app/styles/layout/login.scss b/app/styles/layout/login.scss index 988d2cce..8c5a8e87 100644 --- a/app/styles/layout/login.scss +++ b/app/styles/layout/login.scss @@ -54,6 +54,31 @@ } } +.login-form-container { + .login-password { + position: relative; + } + input:focus { + &+.forgot-pass { + opacity: 0; + @include transition(opacity .5s linear); + } + } + .forgot-pass { + @include transition(all .3s linear); + @extend %small; + color: $gray-light; + opacity: 1; + position: absolute; + right: 1rem; + top: .5rem; + &:hover { + @include transition(color .3s linear); + color: $grayer; + } + } +} + .register-form-container { display: none; }