Login page review fixes and login typo

stable
Xavier Julián 2014-07-10 11:47:18 +02:00
parent 8a50d2fa58
commit b5850affe1
8 changed files with 36 additions and 17 deletions

View File

@ -45,7 +45,7 @@ module.directive("tgMain", ["$rootScope", "$window", TaigaMainDirective])
urls = { urls = {
"home": "/", "home": "/",
"logint": "/login", "login": "/login",
"forgot-password": "/forgot-password", "forgot-password": "/forgot-password",
"change-password": "/change-password/:token", "change-password": "/change-password/:token",
"register": "/register", "register": "/register",

View File

@ -1,7 +1,7 @@
div.forgot-form-container(tg-forgot-Password) div.forgot-form-container(tg-forgot-Password)
p.forgot-text p.forgot-text.
strong Don't worry, it happens even in the best families :-) <br /> <strong>Oh! Did you forget your password?</strong><br />
span Give us your username or email and we'll sent you instructions to get a new one Give us your username or email and we'll sent you instructions to get a new one
form(ng-submit="ctrl.submit()") form(ng-submit="ctrl.submit()")
fieldset fieldset
@ -10,3 +10,5 @@ div.forgot-form-container(tg-forgot-Password)
fieldset fieldset
a.button.button-forgot.button-gray(href="", title="Reset Password") Reset Password a.button.button-forgot.button-gray(href="", title="Reset Password") Reset Password
input(type="submit", style="display:none") input(type="submit", style="display:none")
a(href="", title="Login", tg-nav="login") No, I still keep my password, let's go to login page

View File

@ -8,7 +8,6 @@ form.register-form
fieldset fieldset
a.button.button-register.button-gray(href="", title="Sign up") Sign up a.button.button-register.button-gray(href="", title="Sign up") Sign up
input(type="submit", style="display:none") input(type="submit", style="display:none")
p.register-text p.register-text
// TODO // TODO
span By clicking "Sign up", you agree to our <br /> span By clicking "Sign up", you agree to our <br />

View File

@ -1,4 +1,5 @@
div.register-form-container(tg-register) div.register-form-container(tg-register)
a.register-text-top(href="", title="Login", tg-nav="login") Are you already registered?
form.register-form form.register-form
fieldset fieldset
input(type="text", placeholder="Pick a username", ng-model="data.username", input(type="text", placeholder="Pick a username", ng-model="data.username",
@ -11,7 +12,6 @@ div.register-form-container(tg-register)
fieldset fieldset
a.button.button-register.button-gray(href="", title="Sign up") Sign up a.button.button-register.button-gray(href="", title="Sign up") Sign up
input(type="submit", class="hidden") input(type="submit", class="hidden")
p.register-text p.register-text
// TODO // TODO
span By clicking "Sign up", you agree to our <br /> span By clicking "Sign up", you agree to our <br />

View File

@ -32,3 +32,11 @@ input[type="password"] {
textarea { textarea {
max-height: 10rem; max-height: 10rem;
} }
.checksley-error-list {
margin-bottom: 0;
li {
color: $white;
padding: .2rem;
}
}

View File

@ -74,7 +74,6 @@
.button { .button {
color: $white; color: $white;
display: block; display: block;
margin-bottom: .5rem;
text-align: center; text-align: center;
&:hover { &:hover {
background: $fresh-taiga; background: $fresh-taiga;

View File

@ -8,6 +8,9 @@
right: 0; right: 0;
top: 0; top: 0;
z-index: 999; z-index: 999;
fieldset {
margin-bottom: 1rem;
}
.login-container { .login-container {
@include table-flex-child(0, 400px, 0, 400px); @include table-flex-child(0, 400px, 0, 400px);
} }
@ -28,7 +31,6 @@
} }
input { input {
background: $white; background: $white;
margin-bottom: 1rem;
@include placeholder { @include placeholder {
color: $gray-light; color: $gray-light;
} }
@ -40,9 +42,6 @@
color: $fresh-taiga; color: $fresh-taiga;
} }
} }
.register-text {
@extend %small;
}
.button { .button {
color: $white; color: $white;
display: block; display: block;
@ -52,6 +51,11 @@
background: $fresh-taiga; background: $fresh-taiga;
} }
} }
a {
&:hover {
color: $white;
}
}
} }
.login-error { .login-error {

View File

@ -1,3 +1,10 @@
.register-form-container { .register-form-container {
display: block; display: block;
.register-text-top {
display: block;
margin-bottom: 1rem;
}
.register-text {
@extend %small;
}
} }