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 33e4f76328008a23446f523d2e089e9686e6c55e..657b7c89ea7f65ea1b06f232ef4af421d5447c8a 100644 (file)
--- 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 5e80e0a5456abb20bf01fa0a2667fd05546ac9e5..346d4fddf0f21b75f72c88e1877aab8a194fb2f7 100644 (file)
--- 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 {