Skip to content

Commit 8128b91

Browse files
authored
[Discover] Show doc viewer action buttons on focus (#64912)
1 parent ffe5166 commit 8128b91

File tree

1 file changed

+13
-0
lines changed

1 file changed

+13
-0
lines changed

src/plugins/discover/public/components/doc_viewer/_doc_viewer.scss

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -43,6 +43,14 @@
4343
}
4444
.kbnDocViewer__buttons {
4545
width: 60px;
46+
47+
// Show all icons if one is focused,
48+
// IE doesn't support, but the fallback is just the focused button becomes visible
49+
&:focus-within {
50+
.kbnDocViewer__actionButton {
51+
opacity: 1;
52+
}
53+
}
4654
}
4755

4856
.kbnDocViewer__field {
@@ -51,7 +59,12 @@
5159

5260
.kbnDocViewer__actionButton {
5361
opacity: 0;
62+
63+
&:focus {
64+
opacity: 1;
65+
}
5466
}
67+
5568
.kbnDocViewer__warning {
5669
margin-right: $euiSizeS;
5770
}

0 commit comments

Comments
 (0)