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

Github login/signup button in login and signup pages :octocat:

stable
Xavier Julián 2014-10-27 16:24:10 +01:00 committed by David Barragán Merino
parent b9baa28932
commit 21555fd440
5 changed files with 29 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -13,4 +13,10 @@ div.login-form-container(tg-login)
a.button.button-login.button-gray(href="", title="Sign in") Sign in a.button.button-login.button-gray(href="", title="Sign in") Sign in
input(type="submit", style="display:none") input(type="submit", style="display:none")
fieldset
a.button.button-github(href="", title="enter with your github account")
span.icon.icon-github
span Login with Github
input(type="submit", style="display:none")
tg-public-register-message tg-public-register-message

8
app/partials/views/modules/register-form.jade
View File

@ -17,13 +17,19 @@ div.register-form-container(tg-register)
fieldset fieldset
input(type="password", name="password", ng-model="data.password", input(type="password", name="password", ng-model="data.password",
data-required="true", data-minlength="4", data-required="true", data-minlength="4",
placeholder="Set a password (case sensitive)") placeholder="Set a password (case sensitive)")
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")
fieldset
a.button.button-github(href="", title="enter with your github account")
span.icon.icon-github
span Sign Up with Github
input(type="submit", style="display:none")
// Only displays terms notice when terms plugin is loaded. // Only displays terms notice when terms plugin is loaded.
tg-terms-notice tg-terms-notice

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

@ -34,7 +34,7 @@ a.button-green {
a.button-gray { a.button-gray {
background: $button-gray; background: $button-gray;
&:hover { &:hover {
background: $button-gray-hover; background: $fresh-taiga;
color: $white; color: $white;
} }
span { span {
@ -102,3 +102,18 @@ a.button-bulk {
background: $fresh-taiga; background: $fresh-taiga;
} }
} }
.button-github {
@extend %button;
background: $grayer;
vertical-align: middle;
.icon {
@extend %large;
color: $white;
margin-right: .5rem;
vertical-align: text-bottom;
}
&:hover {
@include transition (background .3s linear);
background: $black;
}
}

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

@ -1,5 +1,3 @@
.login-main { .login-main {
//@include table-flex(center, center, flex, row, wrap, center); //@include table-flex(center, center, flex, row, wrap, center);
@include display(flex); @include display(flex);
@ -60,11 +58,7 @@
.button { .button {
color: $white; color: $white;
display: block; display: block;
margin-bottom: .5rem;
text-align: center; text-align: center;
&:hover {
background: $fresh-taiga;
}
} }
a { a {
&:hover { &:hover {

1
app/styles/modules/auth/login-form.scss
View File

@ -1,5 +1,4 @@
.login-form-container { .login-form-container {
//display: none;
.login-password { .login-password {
position: relative; position: relative;
} }