From b34dd09d7660e6c29e3802c6fbc040180e82cdec Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 27 Sep 2021 18:49:36 +0200
Subject: [PATCH] wip #4710 @0.5

---
 js/libs/fluidbook/fluidbook.resize.js  | 35 +++-----------------------
 js/libs/fluidbook/fluidbook.support.js |  1 -
 style/fluidbook.less                   |  4 +--
 3 files changed, 6 insertions(+), 34 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index f16301fe..5bbc02cb 100644
--- a/js/libs/fluidbook/fluidbook.resize.js
+++ b/js/libs/fluidbook/fluidbook.resize.js
@@ -192,47 +192,19 @@ FluidbookResize.prototype = {
             this.origin[1] = '0%';
         }
 
-        try {
-            this.fluidbook.loader.renderTextsCanvas();
-        } catch (e) {
-
-        }
-
         var tabsScale = this.fluidbook.tabs.guessBookScale(this.bookScale, this.aw, this.fww);
         this.bookScale *= tabsScale;
 
-
-        this.resizeBook();
-
         this.fw = this.bookScale * this.fww;
         this.fh = this.bookScale * this.fhh;
 
-        console.log(this.fw, this.fh);
-
-        // $("#fluidbook,#shadow").transform({
-        //     scale: [this.bookScale, this.bookScale],
-        //     origin: origin
-        // });
+        this.resizeBook();
 
         // Hack to fix #2552
         if (this.fluidbook.support.iOS && this.fluidbook.pagetransitions.getTransitionType() === 'flip3d') {
             // $('#fluidbook').css('transform', 'translate3d(0,0,-1px) scale(' + this.bookScale + ',' + this.bookScale + ')');
         }
 
-        // var top = marginTop + (ah - fhh) / 2;
-        //
-        // var left = marginLeft + (aw - fww) / 2;
-        // if (this.fluidbook.mobilefirst.enabled) {
-        //     top = marginTop;
-        // }
-        // $("#fluidbook,#shadow").css({
-        //     top: top,
-        //     left: left,
-        //     width: fww,
-        //     height: fhh
-        // });
-
-
         if (this.fluidbook.mobilefirst.enabled) {
             this.fluidbook.mobilefirst.resize();
         }
@@ -377,6 +349,7 @@ FluidbookResize.prototype = {
         $(p).find('.doublePage').css(css);
 
         this.resizeLinks();
+        this.fluidbook.loader.renderTextsCanvas();
     },
 
     resizeLinks: function () {
@@ -409,7 +382,7 @@ FluidbookResize.prototype = {
             scale: [this.bookScale, this.bookScale],
             origin: this.origin,
         }).css({
-            left: this._left(this.fww + (24 * this.bookScale)),
+            left: this._left(this.fww),
             top: this._top(this.fhh),
         });
     },
@@ -553,7 +526,7 @@ FluidbookResize.prototype = {
         }
     },
     getScreenFluidbookWidth: function () {
-        return $("#fluidbook").outerWidth() * fluidbook.resize.bookScale;
+        return $("#fluidbook").outerWidth();
     },
 
     resizeHorizontalNav: function () {
diff --git a/js/libs/fluidbook/fluidbook.support.js b/js/libs/fluidbook/fluidbook.support.js
index 9fbf5292..639a1d2d 100644
--- a/js/libs/fluidbook/fluidbook.support.js
+++ b/js/libs/fluidbook/fluidbook.support.js
@@ -128,7 +128,6 @@ FluidbookSupport.prototype = {
         return t;
     },
     initEvents: function () {
-
         var $this = this;
 
         if (!isMobile(false)) {
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 381a8d52..95a638f0 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -370,7 +370,7 @@ body, html {
   background-color: @pages-background;
 
   img {
-    width: 100%;
+    width: ~"calc(100% + 1px)";
     height: 100%;
   }
 }
@@ -651,7 +651,7 @@ body, html {
   position: absolute;
   top: 0px;
   left: 0px;
-  width: unit(@shadow-width-left+@shadow-width-right, px);
+  width: unit(@book-page-width*2, px);
   height: unit(@book-page-height, px);
   pointer-events: none;
   mix-blend-mode: multiply;
-- 
2.39.5