wait #4926 @0.5

diff --git a/js/libs/fluidbook/fluidbook.mobilefirst.js b/js/libs/fluidbook/fluidbook.mobilefirst.js
index 98e43c70bc311bf68d5b0adacf341d5a0660583c..86ea6b206b04a1644c75bc6df9a59ca1ad0c0dc4 100644 (file)
--- a/js/libs/fluidbook/fluidbook.mobilefirst.js
+++ b/js/libs/fluidbook/fluidbook.mobilefirst.js
@@ -147,7 +147,13 @@ FluidbookMobileFirst.prototype = {
             bh = this.fluidbook.loader.getPageDimensions(this.fluidbook.currentPage, width).height;
         }
 
-        $('#pages .mf-nav').css('top', bh);
+        var nav = $('#pages .mf-nav');
+        nav.css('top', bh);
+        if (480 > width) {
+            nav.css('transform', 'scale(' + (width / 480) + ')');
+        }
+
+
         $("#links,#pages").css({height: bh, maxHeight: bh});
         var sbh = bh / scale;
         $("#searchHighlights").css({height: sbh, maxHeight: sbh})

diff --git a/style/mobilefirst.less b/style/mobilefirst.less
index e3dcb10a5aa181116a5acd06b066d678dd25ba90..9d47fd6c7952932798475d561ad26a7dac93329d 100644 (file)
--- a/style/mobilefirst.less
+++ b/style/mobilefirst.less
@@ -236,8 +236,6 @@
 }
 
 .mf-nav {
-  @mfscale: 0.75;
-
   position: absolute;
   left: 0;
   font-size: 16px;
@@ -247,6 +245,8 @@
   color: @page-number-color;
   font-weight: 600;
   transition: opacity .15s;
+  min-width: 480px;
+  transform-origin: 0 0 0;
 
   &.hiddenzoom {
     opacity: 0 !important;
@@ -326,8 +326,6 @@
       top: 3em;
     }
   }
-
-
 }
 
 #mf-slider {