From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Fri, 4 Sep 2020 15:21:07 +0000 (+0200)
Subject: wait #3873 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=24a904df21a52ec2b48d64ce0b9d9f87b371c821;p=fluidbook-html5.git

wait #3873 @0.25
---

diff --git a/js/libs/fluidbook/links/fluidbook.links.zoom.js b/js/libs/fluidbook/links/fluidbook.links.zoom.js
index 657b7c89..d8d0488e 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoom.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoom.js
@@ -339,6 +339,9 @@ FluidbookLinksZoom.prototype = {
                     });
                     setTimeout(function () {
                         $this.resizeZoomLinkBackground(true);
+                        setTimeout(function () {
+                            $("#zoomPopupMenuWrapper").css('opacity', 1);
+                        })
                     }, 600);
                 }, 50);
 
@@ -421,7 +424,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});
+        $("#zoomPopupMenuWrapper").css({left: left, top: top + height, width: width});
     },
 
     zoomLinkReset: function (immediate) {
@@ -435,7 +438,7 @@ FluidbookLinksZoom.prototype = {
         if (immediate === undefined) {
             immediate = false;
         }
-
+        $("#zoomPopupMenuWrapper").css('opacity', 0);
         var $wrapper = $('#zoomPopupGroupWrapper');
 
         // Close each popup that is open
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 346d4fdd..5b91a47a 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2557,7 +2557,8 @@ ul.chapters.shareList a.level0 .svg-icon {
 #zoomPopupMenuWrapper {
   position: absolute;
   z-index: 31;
-  transition: opacity 150ms;
+  transition: opacity 300ms;
+  opacity: 0;
 
   #zoomPopupMenu {
     position: absolute;