Prometheus: fix icons that are only visible on hover (#69731)

always make icons visible instead of only showing on hover to allow users to see outline when interacting with icons via keyboard navigation
pull/69799/head
Galen Kistler 2 years ago committed by GitHub
parent 365fd67c3f
commit a02bf1104c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 8
      public/app/plugins/datasource/prometheus/querybuilder/shared/OperationHeader.tsx

@ -110,15 +110,9 @@ const getStyles = (theme: GrafanaTheme2) => {
padding: theme.spacing(0.5, 0.5, 0.5, 1),
display: 'flex',
alignItems: 'center',
'&:hover .operation-header-show-on-hover': css({
opacity: 1,
}),
}),
operationHeaderButtons: css({
opacity: 0,
transition: theme.transitions.create(['opacity'], {
duration: theme.transitions.duration.short,
}),
opacity: 1,
}),
selectWrapper: css({
paddingRight: theme.spacing(2),

Loading…
Cancel
Save