done #2705 @0.5

diff --git a/js/libs/fluidbook/fluidbook.menu.js b/js/libs/fluidbook/fluidbook.menu.js
index 87e6c2cfbdcf51b11d2b71566b9b011e89ba7634..6756d7d6b80b52036357baa7a3cb5719da6008f7 100644 (file)
--- 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 9aa97eda302e088e1a2fbc78edc8c50b06c14499..1754e971c3461acdebbe648b4fdcc7e298ef0e2b 100644 (file)
--- 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;