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

GlobalStyle: Add focus style for links (#36533)

Browse Source 
* GlobalStyle: Add focus style for links

* GlobalStyle: show focus style only on visible
This commit is contained in:
Tharun Rajendran
2021-07-19 19:47:45 +05:30
committed by GitHub
parent 9c6085ee0b
commit ecd2c320ba
1 changed files with 5 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
packages/grafana-ui/src/themes/GlobalStyles/elements.ts
View File

@@ -1,5 +1,6 @@
import { css } from '@emotion/react';
import { GrafanaTheme2, ThemeTypographyVariant } from '@grafana/data';
import { getFocusStyles } from '../mixins';
export function getElementStyles(theme: GrafanaTheme2) {
return css`
@@ -124,6 +125,10 @@ export function getElementStyles(theme: GrafanaTheme2) {
outline: none;
}
&:focus-visible {
${getFocusStyles(theme)}
}
&: [disabled] {
cursor: default;
pointer-events: none !important;