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

Login error message

stable
Xavier Julián 2014-06-23 15:29:50 +02:00
parent bcb28245c2
commit 5aa80d79c1
3 changed files with 47 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
app/partials/login.jade
View File

@ -1,3 +1,4 @@
//-extends layout
extends login-layout extends login-layout
block head block head
@ -10,9 +11,13 @@ block content
h1.logo h1.logo
img(src="/images/logo.png", alt="TAIGA") img(src="/images/logo.png", alt="TAIGA")
p.tagline Project management web application with scrum in the mind! p.tagline Project management web application with scrum in the mind!
p.login-error
span.title Ooops! Something went wrong!
span.text According to our Oompa Loompas, your username or password are incorrect.
a.icon.icon-delete(href="", title="Close message")
form(ng-submit="ctrl.submit()") form(ng-submit="ctrl.submit()")
input(type="text", name="username", ng-model="form.username", placeholder="User name") input(type="text", name="username", ng-model="form.username", placeholder="User name")
input(type="password", name="password", ng-model="form.password") input(type="password", name="password", ng-model="form.password")
a.button.button-login.button-gray(href="", title="Log in") Log in a.button.button-login.button-gray(href="", title="Log in") Log in
a.button.button-signup(href="", title="Log in") Sign up a.button.button-signup.button-orange(href="", title="Log in") Sign up
input(type="submit", value="I am an horrible button to be deleted. Click me to login for the moment") input(type="submit", value="I am an horrible button to be deleted. Click me to login for the moment")

8
app/styles/components/buttons.scss
View File

@ -54,6 +54,14 @@
} }
} }
.button-orange {
background: $orange;
&:hover {
background: lighten($orange, 10%);
color: $white;
}
}
a.button-block { a.button-block {
background: $white; background: $white;
color: $red; color: $red;

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

@ -23,6 +23,7 @@
line-height: 2rem; line-height: 2rem;
} }
input { input {
background: $white;
margin-bottom: 1rem; margin-bottom: 1rem;
} }
.button-login, .button-login,
@ -32,7 +33,37 @@
margin-bottom: .5rem; margin-bottom: .5rem;
text-align: center; text-align: center;
} }
.button-signup { .button-login {
background: $orange; &:hover {
background: $green-taiga;
}
}
}
.login-error {
background: $red;
border-radius: 4px;
color: $white;
padding: 1rem;
position: absolute;
right: 1rem;
top: 1rem;
width: 20%;
span {
display: block;
}
.title {
@extend %large;
font-family: 'DroidSans-bold';
}
.icon-delete {
color: $red-light;
position: absolute;
right: .5rem;
top: .5rem;
&:hover {
@include transition(color .3s linear);
color: $white;
}
} }
} }