wip #7598 @2.5

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index afb1d89a3a27e82bbc5ee539e9e23b81acb3e45d..f83b1b1aed520b609fd9c28003f8319231138d81 100644 (file)
--- a/js/libs/fluidbook/fluidbook.links.js
+++ b/js/libs/fluidbook/fluidbook.links.js
@@ -753,7 +753,7 @@ FluidbookLinks.prototype = {
 
     setLinksInContainer: function (page, side) {
         var links = $("#links");
-        links.prepend('<div class="' + side + 'Container container"></div>');
+        links.append('<div class="' + side + 'Container container"></div>');
         var container = links.find('.' + side + 'Container');
         var llinks = this.fluidbook.loader.handleExtension(this.fluidbook.settings.links[page]);
         if (llinks !== '') {

diff --git a/style/links.less b/style/links.less
index e76a2db5c24f68e6bc32b164875cf7b6c4d73989..fb9074f71f49100c043c04c0e40ec073b9e98fad 100644 (file)
--- a/style/links.less
+++ b/style/links.less
@@ -8,6 +8,14 @@
   background-color: rgba(0, 0, 0, 0.001);
 }
 
+#links .leftContainer {
+  z-index: 1;
+}
+
+#links .rightContainer {
+  z-index: 0;
+}
+
 #links, #links .container, .clinks, .ctlinks, #searchHighlights {
   transform-origin: 0 0 0;
 }