From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 17 Jul 2020 10:06:25 +0000 (+0200)
Subject: wip #3757 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=b9b5665dc53b71cfaaf79f2c0b0e2fb5b6eef8bd;p=fluidbook-html5.git

wip #3757 @0.25
---

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;