From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 19 Jun 2025 15:35:10 +0000 (+0200)
Subject: wip #7598 @2.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=7003b215582ddc566b81969292b5d77efd2d9cce;p=fluidbook-html5.git

wip #7598 @2.5
---

diff --git a/js/libs/fluidbook/fluidbook.links.js b/js/libs/fluidbook/fluidbook.links.js
index afb1d89a..f83b1b1a 100644
--- 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 e76a2db5..fb9074f7 100644
--- 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;
 }