From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 7 Oct 2021 10:14:37 +0000 (+0200)
Subject: wait #4763 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=37db7f238c513898d6663f894cd1dc6958c85ad5;p=fluidbook-html5.git

wait #4763 @0.5
---

diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index 2a55ff2d..05d21e88 100644
--- a/js/libs/fluidbook/fluidbook.resize.js
+++ b/js/libs/fluidbook/fluidbook.resize.js
@@ -213,12 +213,16 @@ FluidbookResize.prototype = {
         this.centerOffset = this.fw / 4;
         this.fluidbook.pagetransitions.centerBook();
 
-        if ($("#pagesnumbers").data('size') == null) {
-            $("#pagesnumbers").data('size', parseInt($("#pagesnumbers").css('font-size')));
-        }
-
-        var pageNumberScale = Math.min(1, 1 / (this.bookScale / 0.5));
-        $("#pagesnumbers").css('font-size', $("#pagesnumbers").data('size') * pageNumberScale);
+        // if ($("#pagesnumbers").data('size') == null) {
+        //     $("#pagesnumbers").data('size', parseInt($("#pagesnumbers").css('font-size')));
+        // }
+        //
+        // var pageNumberScale = Math.min(1, 1 / (this.bookScale / 0.5));
+        // $("#pagesnumbers").css('font-size', $("#pagesnumbers").data('size') * pageNumberScale);
+        $("#pagesnumbers").css({
+            'transform': 'scale(' + (this.bookScale) + ')',
+            top: this.fh
+        });
 
         if (this.fluidbook._boolean(this.fluidbook.settings.logoHideWhenOverriden)) {
             var availableWidthForLogo = (this.ww - fw) / 2;
diff --git a/style/fluidbook.less b/style/fluidbook.less
index f202d96a..eea8ecc2 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -843,12 +843,13 @@ body, html {
   position: absolute;
   white-space: nowrap;
   pointer-events: none;
-  font-size: unit(13*@z, px);
+  font-size: unit(10*@z, px);
   margin: 0.12em 0 0 0;
   top: @book-page-height;
   color: @page-number-color;
   .hideifnot(@display-page-number);
   opacity: 1;
+  transform-origin: 0 0 0;
 
   &.hidden {
     transition: none;