taiga
/
taiga-front
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Forgot pass link and behaviour

stable
Xavier Julián 2014-06-24 12:48:44 +02:00
parent 54cc29a55c
commit d86efcf1a3
2 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
app/partials/views/modules/login-form.jade
View File

@ -4,6 +4,8 @@ div.login-form-container
input(type="text", name="username", ng-model="form.username", placeholder="User name") input(type="text", name="username", ng-model="form.username", placeholder="User name")
fieldset fieldset
input(type="password", name="password", ng-model="form.password") 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 fieldset
input.remember-me(type="checkbox", checked="checked") input.remember-me(type="checkbox", checked="checked")
label remember me on this computer label remember me on this computer

25
app/styles/layout/login.scss
View File

@ -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 { .register-form-container {
display: none; display: none;
} }