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

wip #3873 @1.5
---

diff --git a/js/libs/fluidbook/links/fluidbook.links.zoom.js b/js/libs/fluidbook/links/fluidbook.links.zoom.js
index 33e4f763..657b7c89 100644
--- a/js/libs/fluidbook/links/fluidbook.links.zoom.js
+++ b/js/libs/fluidbook/links/fluidbook.links.zoom.js
@@ -174,7 +174,7 @@ FluidbookLinksZoom.prototype = {
 
                     var j = i + 1;
                     var action = $this.fluidbook.settings['product_zoom_action_' + j];
-                    
+
                     if (!action) {
                         action = 'link';
                     }
@@ -362,12 +362,28 @@ FluidbookLinksZoom.prototype = {
         }
     },
 
+    resizeFunctions: function () {
+        var m = $("#zoomPopupMenu");
+        var ww = this.fluidbook.resize.ww;
+        $(m).find('.hidelabel').removeClass('hidelabel');
+        if ($(m).outerWidth() <= ww) {
+            return;
+        }
+        $(m).find('.button:not(.nolabel)').each(function () {
+            $(this).addClass('hidelabel');
+            if ($(m).outerWidth() <= ww) {
+                return false;
+            }
+        });
+    },
+
     resizeZoomLinkBackground: function (show) {
         var top, left, bottom, right, width, height, hpadding, vpadding;
 
+        this.resizeFunctions();
         var menuWidth = $("#zoomPopupMenu").outerWidth();
-
         var wrappers = $('.zoomPopupWrapper');
+
         if ($('html').hasClass('menu-burger') && this.fluidbook.resize.ww <= 800) {
             top = 0;
             left = 0;
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 5e80e0a5..346d4fdd 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -2600,7 +2600,8 @@ ul.chapters.shareList a.level0 .svg-icon {
         }
       }
 
-      &.nolabel {
+
+      &.nolabel, &.hidelabel {
         padding-right: 7px;
         width: 40px;
 
@@ -2608,6 +2609,10 @@ ul.chapters.shareList a.level0 .svg-icon {
           padding-right: 10px;
           width: 60px;
         }
+
+        span {
+          display: none;
+        }
       }
 
       span {