getPrintPreview: function () {
if (!this.hasBookmarkedPages()) {
- return '<div class="thumb left blank"><div class="blank-mask"></div></div>';
+ return '<div class="thumb ' + (this.fluidbook.l10n.ltr ? 'left' : 'right') + ' blank"><div class="blank-mask"></div></div>';
}
}
if (handler.key === 'pageup' || handler.key === 'pagedown' || handler.key === 'left' || handler.key === 'right') {
var dir = 'Next';
- if (handler.key === 'pageup' || handler.key === 'left') {
+ if (handler.key === 'pageup' || (handler.key === 'left' && this.fluidbook.l10n.ltr) || (handler.key === 'right' && this.fluidbook.l10n.rtl)) {
dir = 'Previous';
}
var func = 'go' + dir;
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>';
+ var p1 = this.fluidbook.loader.getThumbImage(this.fluidbook.l10n.ltr ? 2 : 3, true);
+ var p2 = this.fluidbook.loader.getThumbImage(this.fluidbook.l10n.ltr ? 3 : 2, true);
+
+ view += '<div class="doubleThumb"><div class="thumb left">' + p1 + '<div class="circle"></div><a href="#" class="bookmark left" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div><div class="thumb right">' + p2 + '<div class="circle"></div><a href="#" class="bookmark right" data-enabled="enabled">' + getSpriteIcon('bookmark-corner') + '</a></div></div>';
}
view += '</div>';
view += '';
if (!this.compact) {
view += '<label aria-hidden="" for="allPages">';
view += '<div class="doubleThumb">';
- view += '<div class="thumb left">';
+ view += '<div class="thumb ' + (this.fluidbook.l10n.ltr ? 'left' : 'right') + '">';
view += this.fluidbook.loader.getThumbImage(1, true);
view += '</div>'; // .thumb
view += '</div>'; // .doubleThumb
width: @w;
height: @h;
+ .pageholder{
+ max-height: @h;
+ }
+
&:before {
display: none;
}
&.here {
background-color: @menu-select-background;
color: @menu-select-text;
+ z-index: -2;
}
.overlay {
.pageholder {
overflow: hidden;
+ max-height: @thumb-height;
img {
width: 100%;
left: -5px;
width: unit(@thumb-width+11, px);
height: @shade-height;
- z-index: 0;
+ z-index: -1;
}
}
.thumb.right {
left: @thumb-width; // Override default so there's no gap between pages
-
- .rtl & {
- left: 0;
- }
- }
-
- .thumb.left{
-
}
// Blank pages