From be8bd8c2fcecd076639d53ee95b1affdd931cbc7 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 29 Nov 2021 13:22:06 +0100
Subject: [PATCH] wait #4926 @0.5

---
 js/libs/fluidbook/fluidbook.mobilefirst.js | 8 +++++++-
 style/mobilefirst.less                     | 6 ++----
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.mobilefirst.js b/js/libs/fluidbook/fluidbook.mobilefirst.js
index 98e43c70..86ea6b20 100644
--- 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 e3dcb10a..9d47fd6c 100644
--- 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 {
-- 
2.39.5