From b9b5665dc53b71cfaaf79f2c0b0e2fb5b6eef8bd Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 17 Jul 2020 12:06:25 +0200
Subject: [PATCH] wip #3757 @0.25

---
 js/libs/fluidbook/fluidbook.accessibility.js |  8 +++++---
 style/interface.less                         | 20 ++++++++++++++++++--
 2 files changed, 23 insertions(+), 5 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.accessibility.js b/js/libs/fluidbook/fluidbook.accessibility.js
index fac1b05e..cb9b3018 100644
--- a/js/libs/fluidbook/fluidbook.accessibility.js
+++ b/js/libs/fluidbook/fluidbook.accessibility.js
@@ -80,9 +80,11 @@ FluidbookAccessibility.prototype = {
         set_css(':focus{outline:0}::-moz-focus-inner{border:0;}');
     });
 
-    add_event_listener('keydown', function () {
-        $('body').addClass('keyboard-navigating');
-        set_css('');
+    add_event_listener('keydown', function (e) {
+        if(e.keyCode===9) {
+            $('body').addClass('keyboard-navigating');
+            set_css('');
+        }
     });
 
 })(document);
\ No newline at end of file
diff --git a/style/interface.less b/style/interface.less
index faec0437..789d3d7f 100644
--- a/style/interface.less
+++ b/style/interface.less
@@ -22,12 +22,20 @@
     left: 0;
     width: 100%;
 
-    &:hover, &:focus {
+    &:hover{
       svg {
         transform: translateX(5px);
       }
     }
 
+    &:focus{
+      .keyboard-navigating &{
+        svg {
+          transform: translateX(5px);
+        }
+      }
+    }
+
     svg {
       transition: transform 250ms;
       position: absolute;
@@ -61,12 +69,20 @@
 
 #prev-arrows {
   a {
-    &:hover, &:focus {
+    &:hover {
       svg {
         transform: translateX(-5px);
       }
     }
 
+    &:focus{
+      .keyboard-navigating & {
+        svg {
+          transform: translateX(-5px);
+        }
+      }
+    }
+
     &.arrow-top {
       svg {
         left: 17px;
-- 
2.39.5