From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 28 Oct 2020 12:18:11 +0000 (+0100)
Subject: wait #3862 @0:10
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=5923125560d6a8c22883a5baf1e1ce471155c1e9;p=fluidbook-html5.git

wait #3862 @0:10
---

diff --git a/js/libs/fluidbook/fluidbook.interface.js b/js/libs/fluidbook/fluidbook.interface.js
index 0a1c81f5..2e73c6bb 100644
--- a/js/libs/fluidbook/fluidbook.interface.js
+++ b/js/libs/fluidbook/fluidbook.interface.js
@@ -219,7 +219,7 @@ FluidbookInterface.prototype = {
             return;
         }
 
-        console.log('hide interface');
+
         this.getInterfaceSelector().addClass('interfacehidden');
         this.clearTimeout();
     },
diff --git a/js/libs/fluidbook/fluidbook.notes.js b/js/libs/fluidbook/fluidbook.notes.js
index 5c593079..c7066568 100644
--- a/js/libs/fluidbook/fluidbook.notes.js
+++ b/js/libs/fluidbook/fluidbook.notes.js
@@ -49,6 +49,15 @@ FluidbookNotes.prototype = {
             $this.toggleNotes();
             return false;
         });
+
+        $(this.fluidbook).on('fluidbook.zoom.in.start', function () {
+            $('#notesHolder').addClass('hiddenzoom');
+        });
+
+        $(this.fluidbook).on('fluidbook.zoom.out.end', function () {
+            $('#notesHolder').removeClass('hiddenzoom');
+        });
+
         $('header').append(this.horizontalNav());
         $('body').addClass('notes-no').addClass('notes-unhidden');
 
diff --git a/style/notes.less b/style/notes.less
index 3923367c..0668988f 100644
--- a/style/notes.less
+++ b/style/notes.less
@@ -21,8 +21,19 @@
   top: 0;
   left: 0;
   z-index: 12;
+  pointer-events: none;
+  transition: opacity 250ms;
+
+  &.hiddenzoom {
+    opacity: 0;
+
+    .notes {
+      pointer-events: none;
+    }
+  }
 
   .note {
+    pointer-events: all;
     position: absolute;
     display: block;
     padding: 30px 0 0 15px;