From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 28 Oct 2020 10:53:20 +0000 (+0100)
Subject: wip #3962 @1
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=4c4132d4ef714a70f9f3273eb76d95d2ba3a1c41;p=fluidbook-html5.git

wip #3962 @1
---

diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 43e99488..04468d28 100644
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -713,6 +713,9 @@ FluidbookMenu.prototype = {
                     fullscreen = true;
                 }
                 break;
+            case 'notes':
+                fullscreen = true;
+                break;
             case 'share':
                 w = 200;
                 break;
diff --git a/js/libs/fluidbook/fluidbook.notes.js b/js/libs/fluidbook/fluidbook.notes.js
index 249e6d70..e6c9371b 100644
--- a/js/libs/fluidbook/fluidbook.notes.js
+++ b/js/libs/fluidbook/fluidbook.notes.js
@@ -34,10 +34,15 @@ FluidbookNotes.prototype = {
         });
         $(this.fluidbook).on('fluidbook.page.change.start', function () {
             $this.clearNotes();
+            $this.resize();
         });
         $(this.fluidbook).on('fluidbook.page.change.end', function () {
-            $this.initNotesFromStorage();
+            setTimeout(function () {
+                $this.resize();
+                $this.initNotesFromStorage();
+            }, 1000);
         });
+
         $(document).on('click', '.notes-toggle', function () {
             $this.toggleNotes();
             return false;
@@ -231,6 +236,8 @@ FluidbookNotes.prototype = {
         }
     },
     resize: function () {
+        this.fluidbook.resize.updateFluidbookRect();
+
         var maxx = this.fluidbook.resize.fluidbookrect.width;
         var maxy = this.fluidbook.resize.fluidbookrect.height;
         var minx = this.fluidbook.resize.fluidbookrect.x;
diff --git a/js/libs/fluidbook/fluidbook.pagetransitions.js b/js/libs/fluidbook/fluidbook.pagetransitions.js
index 89274898..33dc4b3e 100644
--- a/js/libs/fluidbook/fluidbook.pagetransitions.js
+++ b/js/libs/fluidbook/fluidbook.pagetransitions.js
@@ -328,9 +328,11 @@ FluidbookPageTransition.prototype = {
             $(move).removeClass('animate');
         }
 
+        var $this=this;
         var delay = this.fluidbook.support.android ? this.fluidbook.settings.mobileTransitionDuration * 1000 : 10;
         setTimeout(function () {
             move.transform({translateX: left + 'px'});
+            $this.fluidbook.resize.updateFluidbookRect();
         }, delay);
     },
 
diff --git a/js/libs/fluidbook/fluidbook.resize.js b/js/libs/fluidbook/fluidbook.resize.js
index 2669a1e5..1477b018 100644
--- a/js/libs/fluidbook/fluidbook.resize.js
+++ b/js/libs/fluidbook/fluidbook.resize.js
@@ -264,7 +264,7 @@ FluidbookResize.prototype = {
 
         this.refw = fw;
         this.refh = fh;
-        this.fluidbookrect = $("#fluidbook").get(0).getBoundingClientRect();
+        this.updateFluidbookRect();
 
         if (this.fluidbook.help) {
             this.fluidbook.help.resize(this.ww, this.hh, interfaceScale, navScale);
@@ -323,6 +323,7 @@ FluidbookResize.prototype = {
 
         };
 
+
         if (this.fluidbook.interface.arrowsEnabled()) {
             try {
                 data.arrowLeftRect = $("#prev-arrows").get(0).getBoundingClientRect();
@@ -334,6 +335,11 @@ FluidbookResize.prototype = {
         $(this.fluidbook).trigger('fluidbook.resize', data);
 
     },
+
+    updateFluidbookRect: function () {
+        this.fluidbookrect = $("#fluidbook").get(0).getBoundingClientRect();
+    },
+
     resizeNav: function (interfaceScale) {
         var $this = this;
         if (this.fluidbook.interface.arrowsEnabled()) {