From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 4 Oct 2016 10:13:36 +0000 (+0000)
Subject: wip #768 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=6edb98aea30a7119d29c25922c64c5ae4af7edd5;p=fluidbook-html5.git

wip #768 @0.5
---

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 0b345c88..f19cb2ce 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -213,6 +213,11 @@ Fluidbook.prototype = {
         if (this.datas.bookmark) {
             $("#links").append(this.bookmarks.getBookmarkForPage(pageNr));
         }
+
+        $("#links").prepend('<div class="leftContainer"></div><div class="rightContainer"></div>');
+        $("#links").find('.rightContainer').append($("#links").children('.link.odd'));
+        $("#links").find('.leftContainer').append($("#links").children('.link'));
+
         $("#links").prepend('<a href="#" class="nonlinkarea"></a>');
         var $this = this;
         if (this.datas.linkBlinkTime > 0 && this.datas.mobileLinksRevealAnim) {
diff --git a/style/fluidbook.css b/style/fluidbook.css
index 540daedd..dbf03123 100644
--- a/style/fluidbook.css
+++ b/style/fluidbook.css
@@ -556,6 +556,14 @@ header.hidden,
   z-index: 4;
   background-color: rgba(0, 0, 0, 0.001);
 }
+.rtl #pages.double #links .leftContainer {
+  position: relative;
+  left: 50%;
+}
+.rtl #pages.double #links .rightContainer {
+  position: relative;
+  left: -50%;
+}
 #links .link {
   position: absolute;
   cursor: auto;
diff --git a/style/fluidbook.less b/style/fluidbook.less
index bda58cb8..fd5f49b7 100644
--- a/style/fluidbook.less
+++ b/style/fluidbook.less
@@ -111,7 +111,7 @@ body {
 	overflow-x: hidden;
 }
 
-a{
+a {
 	-ms-touch-action: manipulation;
 	touch-action: manipulation;
 }
@@ -636,6 +636,17 @@ footer.hidden, header.hidden, #interface.hidden {
 	background-color: rgba(0, 0, 0, 0.001);
 }
 
+.rtl #pages.double #links {
+	.leftContainer {
+		position: relative;
+		left: 50%;
+	}
+	.rightContainer {
+		position: relative;
+		left: -50%;
+	}
+}
+
 #links .link {
 	position: absolute;
 	cursor: auto;