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 pull request #12955 from grafana/12951-login-buttons

Browse Source 
Login button issue in light theme
This commit is contained in:
Marcus Efraimsson
2018-08-17 15:31:31 +02:00
committed by GitHub
parent e3b585d862 190432296d
commit 2bb87446be
3 changed files with 13 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,12 +55,12 @@
<i class="btn-service-icon fa fa-gitlab"></i> <i class="btn-service-icon fa fa-gitlab"></i>
Sign in with GitLab Sign in with GitLab
</a> </a>
<a class="btn btn-medium btn-inverse btn-service btn-service--grafanacom login-btn" href="login/grafana_com" target="_self" <a class="btn btn-medium btn-service btn-service--grafanacom login-btn" href="login/grafana_com" target="_self"
ng-if="oauth.grafana_com"> ng-if="oauth.grafana_com">
<i class="btn-service-icon"></i> <i class="btn-service-icon"></i>
Sign in with Grafana.com Sign in with Grafana.com
</a> </a>
<a class="btn btn-medium btn-inverse btn-service btn-service--oauth login-btn" href="login/generic_oauth" target="_self" <a class="btn btn-medium btn-service btn-service--oauth login-btn" href="login/generic_oauth" target="_self"
ng-if="oauth.generic_oauth"> ng-if="oauth.generic_oauth">
<i class="btn-service-icon fa fa-sign-in"></i> <i class="btn-service-icon fa fa-sign-in"></i>
Sign in with {{oauth.generic_oauth.name}} Sign in with {{oauth.generic_oauth.name}}

4
public/sass/_variables.scss
View File

@@ -197,7 +197,7 @@ $external-services: (
github: (bgColor: #464646, borderColor: #393939, icon: ''), github: (bgColor: #464646, borderColor: #393939, icon: ''),
gitlab: (bgColor: #fc6d26, borderColor: #e24329, icon: ''), gitlab: (bgColor: #fc6d26, borderColor: #e24329, icon: ''),
google: (bgColor: #e84d3c, borderColor: #b83e31, icon: ''), google: (bgColor: #e84d3c, borderColor: #b83e31, icon: ''),
grafanacom: (bgColor: inherit, borderColor: #393939, icon: ''), grafanacom: (bgColor: #262628, borderColor: #393939, icon: ''),
oauth: (bgColor: inherit, borderColor: #393939, icon: '') oauth: (bgColor: #262628, borderColor: #393939, icon: '')
) )
!default; !default;

9
public/sass/pages/_login.scss
View File

@@ -76,6 +76,15 @@ select:-webkit-autofill:focus {
margin-left: 1rem; margin-left: 1rem;
} }
} }
& .btn-inverse {
color: #e3e3e3;
text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1);
background-color: #2a2a2c;
background-image: linear-gradient(to bottom, #262628, #303032);
background-repeat: repeat-x;
border-color: #262628;
box-shadow: -1px -1px 0 0 rgba(255, 255, 255, 0.1), 1px 1px 0 0 rgba(0, 0, 0, 0.3);
}
} }
.login-button-forgot-password { .login-button-forgot-password {