From 8128b91193b39b08d9d3478158dd8b2776b63971 Mon Sep 17 00:00:00 2001
From: Caroline Horn <549577+cchaos@users.noreply.github.com>
Date: Thu, 30 Apr 2020 18:46:07 -0400
Subject: [PATCH] [Discover] Show doc viewer action buttons on focus (#64912)

---
 .../public/components/doc_viewer/_doc_viewer.scss   | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/plugins/discover/public/components/doc_viewer/_doc_viewer.scss b/src/plugins/discover/public/components/doc_viewer/_doc_viewer.scss
index 25aa53097671..ec2beca15a54 100644
--- a/src/plugins/discover/public/components/doc_viewer/_doc_viewer.scss
+++ b/src/plugins/discover/public/components/doc_viewer/_doc_viewer.scss
@@ -43,6 +43,14 @@
 }
 .kbnDocViewer__buttons {
   width: 60px;
+
+  // Show all icons if one is focused,
+  // IE doesn't support, but the fallback is just the focused button becomes visible
+  &:focus-within {
+    .kbnDocViewer__actionButton {
+      opacity: 1;
+    }
+  }
 }
 
 .kbnDocViewer__field {
@@ -51,7 +59,12 @@
 
 .kbnDocViewer__actionButton {
   opacity: 0;
+
+  &:focus {
+    opacity: 1;
+  }
 }
+
 .kbnDocViewer__warning {
   margin-right: $euiSizeS;
 }