From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 26 Jun 2020 14:56:45 +0000 (+0200)
Subject: fix #3742 @0.75
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=2985cd30c3bb9bf8ab3e2dba2e5fa30d6ad6dfeb;p=fluidbook-html5.git

fix #3742 @0.75
---

diff --git a/js/libs/fluidbook/links/fluidbook.links.zoom.js b/js/libs/fluidbook/links/fluidbook.links.zoom.js
index 4a3d7294..2fb6a0b4 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoom.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoom.js
@@ -213,7 +213,7 @@ FluidbookLinksZoom.prototype = {
                     menu += share;
                 }
                 menu += '</div></div>';
-                $groupWrapper.append('<div id="zoomPopupBackground"><div class="bg"></div>' + menu + '</div>');
+                $groupWrapper.append('<div id="zoomPopupBackground"><div class="bg"></div></div>' + menu);
                 $groupWrapper.append('<a href="#" class="zoomPopupClose">' + getSpriteIcon('interface-close') + '</a>');
             }
 
@@ -390,6 +390,7 @@ FluidbookLinksZoom.prototype = {
         }
 
         $("#zoomPopupBackground").css({left: left, top: top, width: width, height: height, opacity: show ? 1 : 0});
+        $("#zoomPopupMenuWrapper").css({left: left, top: top + height, width: width, opacity: show ? 1 : 0});
     },
 
     zoomLinkClose: function (immediate) {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 9bfcc9f6..e8df1a2d 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2542,6 +2542,12 @@ ul.chapters.shareList a.level0 .svg-icon {
     width: 100%;
     height: 100%;
   }
+}
+
+#zoomPopupMenuWrapper {
+  position: absolute;
+  z-index: 101;
+  transition: opacity 150ms;
 
   #zoomPopupMenu {
     position: absolute;