wait #3862 @0:10

diff --git a/js/libs/fluidbook/fluidbook.interface.js b/js/libs/fluidbook/fluidbook.interface.js
index 0a1c81f5f56916460f3467e8f1d5d49a73873d0c..2e73c6bb230c15f2408b7381f0a28f9e7d7e25bb 100644 (file)
--- 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 5c593079a196c0cffc54381ef800e0b7add82c96..c70665685a648523208ffeaca4188b41ee32689c 100644 (file)
--- 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 3923367c4e51db5330e5d67dde1c2f531c1b1f4e..0668988f8bb5f47d0d09eb1d73e79519e3313cb0 100644 (file)
--- 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;