From ab67d42e5841468a8d49c3238cd16dbc2c524b94 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 30 Jul 2020 12:06:52 +0200
Subject: [PATCH] wait #3827 @1.5

---
 js/libs/fluidbook/fluidbook.articles.js | 16 +++++++++++++---
 js/libs/fluidbook/fluidbook.js          |  8 +++++---
 js/libs/fluidbook/fluidbook.links.js    |  2 +-
 js/libs/fluidbook/fluidbook.menu.js     |  8 ++++++--
 style/articles.less                     | 11 ++++++++++-
 5 files changed, 35 insertions(+), 10 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.articles.js b/js/libs/fluidbook/fluidbook.articles.js
index 45a28c7c..d907675e 100644
--- a/js/libs/fluidbook/fluidbook.articles.js
+++ b/js/libs/fluidbook/fluidbook.articles.js
@@ -42,11 +42,17 @@ FluidbookArticles.prototype = {
 
         var footer = '<div class="footer fixed"><a href="#/article/' + article.prev + '" class="article-prev">' + getSpriteIcon('interface-previous-simple') + ' ' + this.fluidbook.l10n.__('previous article') + '</a><a href="#/article/' + article.next + '" class="article-next">' + this.fluidbook.l10n.__('next article') + ' ' + getSpriteIcon('interface-next-simple') + '</a></div>';
         var view = '<div class="content">' + article.contents + '</div>' + footer;
-        this.fluidbook.menu.viewWrap(this.fluidbook.menu.closeButton() + view, 'article');
+        this.fluidbook.menu.viewWrap(this.fluidbook.menu.closeButton() + view, 'article', '', '', true);
+
+        this.fluidbook.silentChangePage(article.page, true);
 
-        this.fluidbook.silentChangePage(article.page);
-        this.resize();
         callback();
+        var $this = this;
+
+        setTimeout(function () {
+            $this.resize();
+        }, 10)
+
     },
 
     findArticleByURL: function (url) {
@@ -73,6 +79,10 @@ FluidbookArticles.prototype = {
             var w = $(this).width();
             var aw = $(this).find('.actions').outerWidth();
             $(this).find('h3').eq(0).css('width', w - aw);
+            var $this = this;
+            setTimeout(function () {
+                $($this).closest('.mview').addClass('visible');
+            }, 10);
         });
     },
 }
\ No newline at end of file
diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 481484f9..02adc0cb 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -453,10 +453,12 @@ Fluidbook.prototype = {
         return;
     },
 
-    silentChangePage: function (page) {
+    silentChangePage: function (page, transition) {
         if (page !== this.currentPage) {
-            this.currentPage = page;
-            this.pagetransitions.pageTransition(this.currentPage);
+            if (transition !== true) {
+                this.currentPage = page;
+            }
+            this.pagetransitions.pageTransition(page);
         }
     },
 
diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index c1ba684a..e16c355e 100644
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -303,7 +303,7 @@ FluidbookLinks.prototype = {
     },
 
     animateLinks: function () {
-        if (this.fluidbook.settings.linkBlinkTime == 0 || this.fluidbook.settings.linkBlinkRepetition == 0 || !this.fluidbook.settings.mobileLinksRevealAnim) {
+        if (this.fluidbook.settings.linkBlinkTime == 0 || this.fluidbook.settings.linkBlinkRepetition == 0 || !this.fluidbook.settings.mobileLinksRevealAnim || this.fluidbook.menu.viewMode()) {
             return;
         }
         var $this = this;
diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 6f22206f..98978945 100644
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -157,7 +157,7 @@ FluidbookMenu.prototype = {
         }, 420);
     },
 
-    viewWrap: function (content, menu, attributes, cls) {
+    viewWrap: function (content, menu, attributes, cls,replace) {
         if (attributes === undefined) {
             attributes = '';
         }
@@ -165,7 +165,11 @@ FluidbookMenu.prototype = {
             cls = '';
         }
         var res = '<div class="mview ' + cls + '" data-menu="' + menu + '" role="dialog" aria-labelledby="mview-dialog-title"' + attributes + '>' + content + '</div>';
-        $("#view").append(res);
+        if(replace===true){
+            $("#view").html(res);
+        }else {
+            $("#view").append(res);
+        }
     },
 
     getCaption: function (caption, close, cls) {
diff --git a/style/articles.less b/style/articles.less
index 71c52717..62e7c174 100644
--- a/style/articles.less
+++ b/style/articles.less
@@ -6,6 +6,15 @@
   padding: 0;
 }
 
+.mview[data-menu="article"] {
+  transition: opacity 250ms;
+  opacity: 0 !important;
+
+  &.visible {
+    opacity: 1 !important;
+  }
+}
+
 article {
   position: relative;
   font-family: @articles-font;
@@ -51,7 +60,7 @@ article {
     margin: 20px 0;
     font-weight: 300;
 
-    &.inter{
+    &.inter {
       font-size: 18px;
       text-transform: none;
       font-weight: 600;
-- 
2.39.5