From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 27 Sep 2021 17:10:56 +0000 (+0200)
Subject: wip #4710 @0.25
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=3a46e127187554b4c578fb9f8bda5d1e98ce32a3;p=fluidbook-html5.git

wip #4710 @0.25
---

diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index 5bbc02cb..1b0c946f 100644
--- a/js/libs/fluidbook/fluidbook.resize.js
+++ b/js/libs/fluidbook/fluidbook.resize.js
@@ -382,6 +382,7 @@ FluidbookResize.prototype = {
             scale: [this.bookScale, this.bookScale],
             origin: this.origin,
         }).css({
+            width: this.fww,
             left: this._left(this.fww),
             top: this._top(this.fhh),
         });
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 95a638f0..016c4aec 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -413,13 +413,18 @@ body, html {
 
 /* Espaces forcés */
 
-.portrait #pages, .portrait .doublePage.page, .page, .doublePage._3d {
+.page, .doublePage._3d {
   width: 50%;
   max-width: 50%;
   height: 100%;
   max-height: 100%;
 }
 
+.portrait .page{
+  width: 100%;
+  max-width: 100%;
+}
+
 @book-page-width-double: @book-page-width*2;
 
 #links, #searchHighlights {
@@ -464,11 +469,11 @@ body, html {
   .doublePage {
     &._2d.axis_x {
       &.next {
-        transform: translate3d(@book-page-width, 0, 0);
+        transform: translate3d(100%, 0, 0);
       }
 
       &.prev {
-        transform: translate3d(-@book-page-width, 0, 0);
+        transform: translate3d(-100%, 0, 0);
       }
     }
   }