From de429e90ba7b3365f3b46e22855d4e0db7a88525 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 13 May 2019 15:47:46 +0200
Subject: [PATCH] done #2705 @0.5

---
 js/libs/fluidbook/fluidbook.menu.js |  8 +++++++-
 style/mobilefirst.less              | 15 ++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 87e6c2cf..6756d7d6 100644
--- a/js/libs/fluidbook/fluidbook.menu.js
+++ b/js/libs/fluidbook/fluidbook.menu.js
@@ -362,7 +362,13 @@ FluidbookMenu.prototype = {
         view += '<div class="content">';
         view += '<p>' + message + '</p>';
         view += '<div class="visual">';
-        view += '<div class="doubleThumb"><div class="thumb left">' + this.fluidbook.loader.getThumbImage(2, true) + '<div class="circle"></div><a href="#" class="bookmark left" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div><div class="thumb right">' + this.fluidbook.loader.getThumbImage(3, true) + '<div class="circle"></div><a href="#" class="bookmark right" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div></div>';
+        if (this.fluidbook.mobilefirst.enabled) {
+            var dim = this.fluidbook.loader.getPageDimensions(2, 147);
+            var h = ' style="height:' + dim.height + 'px;"';
+            view += '<div class="doubleThumb"' + h + '><div class="thumb right"' + h + '>' + this.fluidbook.loader.getThumbImage(2, true) + '<div class="circle"></div><a href="#" class="bookmark right" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div></div>';
+        } else {
+            view += '<div class="doubleThumb"><div class="thumb left">' + this.fluidbook.loader.getThumbImage(2, true) + '<div class="circle"></div><a href="#" class="bookmark left" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div><div class="thumb right">' + this.fluidbook.loader.getThumbImage(3, true) + '<div class="circle"></div><a href="#" class="bookmark right" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div></div>';
+        }
         view += '</div>';
         view += '';
         view += '</div>';
diff --git a/style/mobilefirst.less b/style/mobilefirst.less
index 9aa97eda..1754e971 100644
--- a/style/mobilefirst.less
+++ b/style/mobilefirst.less
@@ -121,6 +121,17 @@
     }
   }
 
+  .mview[data-menu="bookmarks-help"] .content .doubleThumb {
+    width: 147px;
+
+    .thumb.right {
+      left: 0;
+
+      img {
+        height: auto;
+      }
+    }
+  }
 
 }
 
@@ -213,6 +224,8 @@
       top: 30px;
     }
   }
+
+
 }
 
 #mf-slider {
@@ -225,7 +238,7 @@
   transition: opacity 250ms;
   opacity: 1;
   pointer-events: none;
-  transform-origin:0 0;
+  transform-origin: 0 0;
 
   &.hidden, &.hiddenresp, &.hiddenzoom {
     opacity: 0;
-- 
2.39.5