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

LoginPage: Fix hover color for service buttons (#25009)

Browse Source 
* Set explicit hover color

* Use cx
This commit is contained in:
Tobias Skarhed 2020-05-22 16:20:28 +02:00 committed by GitHub
parent b5bf54f5ac
commit 84031649e3
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/core/components/Login/LoginServiceButtons.tsx
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import config from 'app/core/config'; import config from 'app/core/config';
import { css } from 'emotion'; import { css, cx } from 'emotion';
import { useStyles } from '@grafana/ui'; import { useStyles } from '@grafana/ui';
import { GrafanaTheme } from '@grafana/data'; import { GrafanaTheme } from '@grafana/data';
@ -71,6 +71,9 @@ const getServiceStyles = (theme: GrafanaTheme) => {
color: #d8d9da; color: #d8d9da;
margin: 0 0 ${theme.spacing.md}; margin: 0 0 ${theme.spacing.md};
width: 100%; width: 100%;
&:hover {
color: #fff;
}
`, `,
divider: { divider: {
base: css` base: css`
@ -128,7 +131,7 @@ export const LoginServiceButtons = () => {
return ( return (
<a <a
key={key} key={key}
className={`${styles.button} btn btn-medium btn-service btn-service--${service.className || key}`} className={cx(`btn btn-medium btn-service btn-service--${service.className || key}`, styles.button)}
href={`login/${service.hrefName ? service.hrefName : key}`} href={`login/${service.hrefName ? service.hrefName : key}`}
target="_self" target="_self"
> >