wip #3757 @0.25

diff --git a/js/libs/fluidbook/fluidbook.accessibility.js b/js/libs/fluidbook/fluidbook.accessibility.js
index fac1b05ef161184e9a290e62da47eb25426db35e..cb9b30180b7a0a8174cb2d6869cef3d0f0560522 100644 (file)
--- 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 faec04376fbbff16d4e374f9d65b18f54c2b2021..789d3d7fdaa148ec3fe42b3ffa623262cb795132 100644 (file)
--- 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;