From a02bf1104c20f89532b9f9b2de056b17fe56ffd5 Mon Sep 17 00:00:00 2001
From: Galen Kistler <109082771+gtk-grafana@users.noreply.github.com>
Date: Thu, 8 Jun 2023 09:30:10 -0500
Subject: [PATCH] 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
---
 .../prometheus/querybuilder/shared/OperationHeader.tsx    | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationHeader.tsx b/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationHeader.tsx
index ede453f0745..027a5587a56 100644
--- a/public/app/plugins/datasource/prometheus/querybuilder/shared/OperationHeader.tsx
+++ b/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),