wait #4763 @0.5

diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index 2a55ff2d83538a18f0dcc3d60e109fdadfd54f21..05d21e88a7c9a2d92e363c3d40e1b975b0378f67 100644 (file)
--- 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 f202d96adeb6e4e986a5b07e4f2a6a8f701470b0..eea8ecc2b0e770e8a26331574c27ac1b2096a2ee 100644 (file)
--- 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;