From 3bbe9f27df960d2711b0490460555ee37a739616 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 12 Jun 2017 18:57:13 +0200
Subject: [PATCH] wip #1445 @1

---
 images/shade-thumb-left.png               | Bin 0 -> 19755 bytes
 images/shade-thumb-right.png              | Bin 0 -> 5899 bytes
 js/libs/fluidbook/fluidbook.loader.js     |  35 +++++++++++++++++-----
 js/libs/fluidbook/fluidbook.slider.js     |   8 ++---
 js/libs/fluidbook/menu/fluidbook.index.js |   4 +--
 style/fluidbook.less                      |   4 ++-
 style/slider.less                         |  26 ++++++++--------
 7 files changed, 50 insertions(+), 27 deletions(-)
 create mode 100644 images/shade-thumb-left.png
 create mode 100644 images/shade-thumb-right.png

diff --git a/images/shade-thumb-left.png b/images/shade-thumb-left.png
new file mode 100644
index 0000000000000000000000000000000000000000..c9be4930e58a4cdf5b2f7f716933a7f122e6ae01
GIT binary patch
literal 19755
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
EA7K67NB{r;

literal 0
HcmV?d00001

diff --git a/images/shade-thumb-right.png b/images/shade-thumb-right.png
new file mode 100644
index 0000000000000000000000000000000000000000..c66414f6c8870ae262f21f89d510a104612d9d57
GIT binary patch
literal 5899
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

literal 0
HcmV?d00001

diff --git a/js/libs/fluidbook/fluidbook.loader.js b/js/libs/fluidbook/fluidbook.loader.js
index 69751d33..1b68da6f 100644
--- a/js/libs/fluidbook/fluidbook.loader.js
+++ b/js/libs/fluidbook/fluidbook.loader.js
@@ -256,11 +256,14 @@ FluidbookLoader.prototype = {
         var img = this.loadImage(src, width, height, type, callback);
         return $(img).get(0).outerHTML;
     },
-    getThumbImage: function (page, div) {
+    getThumbImage: function (page, div, shade) {
         var returnHTML = false;
-        if (div == undefined) {
+        if (div === null || div == undefined) {
             div = $('<div />');
         }
+
+        left = (page % 2 == 0);
+
         var h = this.fluidbook.datas.thumbHeight;
         var s = Math.floor(page / 100);
         var row = Math.floor((page - 1) / 10);
@@ -268,12 +271,30 @@ FluidbookLoader.prototype = {
         if (col < 0) {
             col += 10;
         }
-        var left = col * 100;
-        var top = row * h;
+        var spriteleft = col * 100;
+        var spritetop = row * h;
+
+        var shadeImage = '';
+        var shadePosition = '';
+        var shadeSize = '';
+
+        if (shade) {
+            var p = '0%';
+            var i = 'right';
+            if (left) {
+                p = '100%';
+                i = 'left';
+            }
+            shadeImage = 'url("images/shade-thumb-' + i + '.png"),';
+
+            shadePosition = p + " 0%,";
+            shadeSize = '20px ' + h + 'px,';
+        }
+
         $(div).css({
-            backgroundImage: 'url("data/thumbnails/s' + s + '.jpg")',
-            backgroundPositionX: -left,
-            backgroundPositionY: -top
+            backgroundImage: shadeImage + 'url("data/thumbnails/s' + s + '.jpg")',
+            backgroundPosition: shadePosition + '' + (-spriteleft) + 'px ' + (-spritetop) + 'px',
+            backgroundSize: shadeSize + 'auto auto'
         }).addClass('img');
         return $(div).get(0).outerHTML;
     },
diff --git a/js/libs/fluidbook/fluidbook.slider.js b/js/libs/fluidbook/fluidbook.slider.js
index 8bf2d050..64610104 100644
--- a/js/libs/fluidbook/fluidbook.slider.js
+++ b/js/libs/fluidbook/fluidbook.slider.js
@@ -170,16 +170,16 @@ FluidbookSlider.prototype = {
         }
 
 
-        this.setThumb($("#sliderthumb .doubleThumb").find('.thumb.left'), left);
-        this.setThumb($("#sliderthumb .doubleThumb").find('.thumb.right'), right);
+        this.setThumb($("#sliderthumb .doubleThumb").find('.thumb.left'), left, !single);
+        this.setThumb($("#sliderthumb .doubleThumb").find('.thumb.right'), right, !single);
         this.fluidbook.bookmarks.updateBookmarks();
     },
 
-    setThumb: function (thumb, page) {
+    setThumb: function (thumb, page, shade) {
         thumb.find('.bookmark').attr('data-page', page);
         if (page > 0 && page <= this.fluidbook.datas.pages) {
             thumb.css('visibility', 'visible');
-            this.fluidbook.loader.getThumbImage(page, thumb.find('.img'));
+            this.fluidbook.loader.getThumbImage(page, thumb.find('.img'), shade);
             thumb.find('.number').text(this.fluidbook.physicalToVirtual(page));
         } else {
             thumb.css('visibility', 'hidden');
diff --git a/js/libs/fluidbook/menu/fluidbook.index.js b/js/libs/fluidbook/menu/fluidbook.index.js
index 88d20423..70ba03a6 100644
--- a/js/libs/fluidbook/menu/fluidbook.index.js
+++ b/js/libs/fluidbook/menu/fluidbook.index.js
@@ -43,7 +43,7 @@ FluidbookIndex.prototype = {
                 }
 
                 if (i > 0) {
-                    ix1 += '<div class="thumb ' + s1 + '"><a href="#/page/' + i + '">' + this.fluidbook.loader.getThumbImage(i) + '</a><span class="number">' + this.fluidbook.physicalToVirtual(i) + '</span>';
+                    ix1 += '<div class="thumb ' + s1 + '"><a href="#/page/' + i + '">' + this.fluidbook.loader.getThumbImage(i, null, true) + '</a><span class="number">' + this.fluidbook.physicalToVirtual(i) + '</span>';
                     if (this.fluidbook.bookmarks.enabled) {
                         ix1 += this.fluidbook.bookmarks.getBookmarkForPage(i, true);
                     }
@@ -63,7 +63,7 @@ FluidbookIndex.prototype = {
                 }
 
                 if (j < this.fluidbook.datas.pages) {
-                    ix2 += '<div class="thumb ' + s1 + '"><a href="#/page/' + j + '">' + this.fluidbook.loader.getThumbImage(j) + '</a><span class="number">' + this.fluidbook.physicalToVirtual(j) + '</span>';
+                    ix2 += '<div class="thumb ' + s1 + '"><a href="#/page/' + j + '">' + this.fluidbook.loader.getThumbImage(j, null, true) + '</a><span class="number">' + this.fluidbook.physicalToVirtual(j) + '</span>';
                     if (this.fluidbook.bookmarks.enabled) {
                         ix2 += this.fluidbook.bookmarks.getBookmarkForPage(j, true);
                     }
diff --git a/style/fluidbook.less b/style/fluidbook.less
index 43bd2092..e9d5fb29 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -1063,12 +1063,14 @@ form input[type="text"], form input[type="email"] {
 		background: #fff;
 		position: relative;
 		z-index: 1;
+		background-blend-mode: multiply;
+		background-repeat: no-repeat;
 	}
 	.number {
 		text-align: center;
 		display: block;
 		font-family: Arial, Helvetica, sans-serif;
-		margin: 1px 0 0 0;
+		margin: 5px 0 0 0;
 		max-width: 100px;
 		position: relative;
 		z-index: 1;
diff --git a/style/slider.less b/style/slider.less
index 720621be..f053b445 100644
--- a/style/slider.less
+++ b/style/slider.less
@@ -1,5 +1,5 @@
 @slider-background: rgba(0, 0, 0, 0.1);
-@slider-thumb-background: rgba(0, 0, 0, 0.2);
+@slider-thumb-background: @menu-background;
 
 #slider {
 	position: absolute;
@@ -23,9 +23,8 @@
 	}
 
 	&.drag {
-
+		z-index: 12;
 	}
-	z-index: 12;
 
 	#sliderback {
 		position: absolute;
@@ -60,7 +59,7 @@
 		}
 	}
 
-	@sliderthumb-height: unit(@thumb-height+40, px);
+	@sliderthumb-height: unit(@thumb-height+60, px);
 	@sliderthumb-top: unit(-1*(@sliderthumb-height+24), px);
 
 	#sliderthumb {
@@ -68,15 +67,15 @@
 		top: @sliderthumb-top;
 		left: 0;
 		background-color: @slider-thumb-background;
-		padding: 15px;
-		//display: none;
-		width: 230px;
+		padding: 25px;
+		display: none;
+		width: 250px;
 		height: @sliderthumb-height;
 
 		&.single {
-			width: 130px;
+			width: 150px;
 			&:after {
-				left: 53px;
+				left: 59px;
 			}
 		}
 
@@ -84,11 +83,11 @@
 			content: "";
 			position: absolute;
 			bottom: -16px;
-			left: 103px;
+			left: 109px;
 			width: 0;
 			height: 0;
-			border-left: 12px solid transparent;
-			border-right: 12px solid transparent;
+			border-left: 16px solid transparent;
+			border-right: 16px solid transparent;
 			border-top: 16px solid @slider-thumb-background;
 			display: block;
 		}
@@ -98,7 +97,8 @@
 		}
 
 		.number {
-			color: #fff;
+			color: @menu-text;
+
 		}
 	}
 	&.drag {
-- 
2.39.5