From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 17 Jul 2020 07:12:02 +0000 (+0200)
Subject: fix #3792 @0:20
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6ba5bf800b8b31fbe16873d5c0a56fc30c328772;p=fluidbook-html5.git

fix #3792 @0:20
---

diff --git a/style/mixins.less b/style/mixins.less
index 7f1a55c2..94178d1f 100644
--- a/style/mixins.less
+++ b/style/mixins.less
@@ -55,9 +55,23 @@
   }
 
   .chapters {
-    a:hover {
+    a {
+      .menu-hover-item();
+    }
+  }
+}
 
-      background-color: @button;
+.menu-hover-item() {
+  background-color: transparent;
+  transition: background-color 250ms;
+
+  &:hover {
+    background-color: @menu-button-background;
+  }
+
+  &:focus {
+    .keyboard-navigating & {
+      background-color: @menu-button-background;
     }
   }
 }
diff --git a/style/mmenu/mmenu.less b/style/mmenu/mmenu.less
index 4299a297..0551ba42 100644
--- a/style/mmenu/mmenu.less
+++ b/style/mmenu/mmenu.less
@@ -290,15 +290,7 @@ html.mm-opening .mm-menu.mm-opened[class*=mm-pagedim] ~ #mm-blocker {
     height: auto;
     position: relative;
 
-    &:hover {
-      background-color: @menu-button-background;
-    }
-
-    &:focus {
-      .keyboard-navigating & {
-        background-color: @menu-button-background;
-      }
-    }
+    .menu-hover-item();
 
     // > arrow
     &:after {