IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'master' of github.com:grafana/grafana

Browse Source
This commit is contained in:
Torkel Ödegaard 2016-02-08 14:35:45 +01:00
commit cf92011fb9
2 changed files with 55 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/app/partials/login.html
View File

@ -65,26 +65,38 @@
<div class="clearfix"></div>
<div class="text-center login-divider">
<div class="login-divider-line">
<span class="login-divider-text">
Or login with
</span>
</div>
</div>
<div class="clearfix"></div>
<div class="login-oauth text-center">
<a class="btn btn-google" href="login/google" target="_self" ng-if="googleAuthEnabled">
<a class="btn btn-large btn-google" href="login/google" target="_self" ng-if="googleAuthEnabled">
<i class="fa fa-google"></i>
with Google
</a>
<a class="btn btn-github" href="login/github" target="_self" ng-if="githubAuthEnabled">
<a class="btn btn-large btn-github" href="login/github" target="_self" ng-if="githubAuthEnabled">
<i class="fa fa-github"></i>
with Github
</a>
</div>
</div>
<div class="row" style="margin-top: 40px">
<div class="text-center">
<a href="user/password/send-reset-email">
Forgot your password?
</a>
<div class="text-center password-recovery">
<div class="text-center">
<a href="user/password/send-reset-email">
Forgot your password?
</a>
</div>
</div>
</div>
<div class="row" style="margin-top: 50px">
<div class="version-footer text-center small">
Grafana version: {{buildInfo.version}}, commit: {{buildInfo.commit}},

41
public/less/login.less
View File

@ -76,21 +76,23 @@
.login-submit-button-row {
text-align: center;
margin-top: 40px;
margin-top: 30px;
button {
padding: 9px 7px;
font-size: 14px;
padding: 14px 23px;
font-size: 16px;
font-weight: bold;
min-width: 150px;
display: inline-block;
border: 1px solid lighten(@btnInverseBackground, 10%);
color: @grayLight;
}
}
.login-oauth {
margin-top: 30px;
padding: 10px;
background: @grafanaTargetBackground;
.btn {
margin: 5px;
}
.btn-google {
background: #dd4b39;
color: white;
@ -101,6 +103,33 @@
}
}
.password-recovery {
background: @grafanaTargetBackground;
margin-top: 30px;
padding: 10px;
a {
color: @grayLight;
}
}
.login-divider {
float: left;
width: 50%;
margin: 5px 25% 25px 25%;
.login-divider-line {
width: 100%;
height: 10px;
border-bottom: 1px solid @gray;
.login-divider-text {
background-color: @grayDarker;
color: @grayLight;
padding: 0 10px;
}
}
}
.signup-page-background {
position: fixed;
top: 0;