wip #768 @0.5

diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 0b345c88f346bc0e18daa53144bd43ccd94dee39..f19cb2cea714323aea50a664c32a4456d60a3280 100644 (file)
--- 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 540daedd8307dd78bdabc069c99e1fb86298505b..dbf031236fe0a21c56ac04fc0566cb7b877439e3 100644 (file)
--- 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 bda58cb80e199c7fc8275c9fc4757ae4b41d9c41..fd5f49b71e2554a4f00faefdffacae045364e0b7 100644 (file)
--- 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;