fix(ui): only focus elements when they receive it through tab

resolves LN-Zap#3127
korhaliv · Nov 8, 2019 · f9b5da1 · f9b5da1
1 parent 404c807
commit f9b5da1
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/renderer/themes/base.js b/renderer/themes/base.js
@@ -2,7 +2,7 @@
  * @file Defines core theme elements shared across all themes.
  * These items can be overriden on a per theme basis.
  */
-
+import 'focus-visible/dist/focus-visible'
 /**
  * Colour palette
  *
@@ -96,7 +96,7 @@ const buttons = {
     '&:hover:enabled': {
       bg: 'highlight',
     },
-    '&:focus': {
+    '&.focus-visible': {
       bg: 'highlight',
     },
   },
@@ -118,7 +118,7 @@ const buttons = {
     '&.active': {
       opacity: 1,
     },
-    '&:focus': {
+    '&.focus-visible': {
       opacity: 1,
     },
   },
@@ -134,7 +134,7 @@ const buttons = {
     '&:hover:enabled': {
       bg: 'highlight',
     },
-    '&:focus': {
+    '&.focus-visible': {
       bg: 'highlight',
     },
   },