From cbfa57d3e6991456223b590199ea75d9d3a9606a Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Wed, 20 Dec 2017 18:36:48 +0100
Subject: [PATCH] wip #1841 @5

---
 _index.html                    | 2 +-
 js/libs/fluidbook/fluidbook.js | 4 ++--
 style/fluidbook.less           | 7 ++++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/_index.html b/_index.html
index 95a449cd..9c4863ac 100644
--- a/_index.html
+++ b/_index.html
@@ -59,7 +59,7 @@
 						<div class="bottom"></div>
 					</div>
 				</div>
-				<div id="pagesnumbers">
+				<div id="pagesnumbers" class="hidden">
 					<div class="left"></div>
 					<div class="right"></div>
 				</div>
diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 6d2368c2..696940b8 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -690,7 +690,7 @@ Fluidbook.prototype = {
         var animationDuration = d <= 1 ? 0 : parseFloat(this.datas.mobileTransitionDuration);
         this.updateShadows(page, animationDuration);
         this.centerBook(turning.center, animationDuration);
-        $("#pagesnumbers").css('opacity', 0);
+        $("#pagesnumbers").addClass('hidden');
 
         try {
             this.search.clearHighlights();
@@ -744,9 +744,9 @@ Fluidbook.prototype = {
         $(this).trigger('fluidbook.page.change.end', [this.currentPage]);
     },
     setPageNumbers: function () {
-        $("#pagesnumbers").css('opacity', 1);
         $("#pagesnumbers .left").html(this.getPageNumberOfSide('left'));
         $("#pagesnumbers .right").html(this.getPageNumberOfSide('right'));
+        $("#pagesnumbers").removeClass('hidden');
     },
     getPageNumberOfSide: function (side) {
         var p = $("#currentDoublePage").find('.' + side);
diff --git a/style/fluidbook.less b/style/fluidbook.less
index b624243b..ec87918e 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -642,7 +642,12 @@ body, html {
 	color: @page-number-color;
 	.hideifnot(@display-page-number);
 	transition: opacity 250ms;
-	opacity: 0;
+	opacity: 1;
+
+	.hidden{
+		transition:none;
+		opacity: 0;
+	}
 
 	> div {
 		width: @book-page-width;
-- 
2.39.5