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 657b7c89ea7f65ea1b06f232ef4af421d5447c8a..d8d0488e69ca3f01c067b3d53dce4ecffe8652f9 100644 (file)
--- 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 346d4fddf0f21b75f72c88e1877aab8a194fb2f7..5b91a47a3b2fc87f0c41c4ea9d9b78f53595b7f2 100644 (file)
--- 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;