From 386789f66df4f1d421d6d5e9747eafa902523004 Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Tue, 1 Apr 2025 17:46:26 +0200
Subject: [PATCH] wait #7424 @0.5

---
 js/libs/fluidbook/fluidbook.cart.js | 4 +---
 js/libs/fluidbook/fluidbook.js      | 1 +
 style/cart.less                     | 6 +++---
 3 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/js/libs/fluidbook/fluidbook.cart.js b/js/libs/fluidbook/fluidbook.cart.js
index 4ecf3618..2af03334 100644
--- a/js/libs/fluidbook/fluidbook.cart.js
+++ b/js/libs/fluidbook/fluidbook.cart.js
@@ -168,9 +168,7 @@ FluidbookCart.prototype = {
 
                 var paddingTop = 0.5 * ($(this).outerHeight() - bh);
                 var paddingLeft = 0.5 * ($(this).outerWidth() - bw);
-                $(this).attr('data-tooltip', null).addClass('overlay').css({
-                    paddingTop: paddingTop, paddingLeft: paddingLeft
-                }).html('<div class="remove">' + getSpriteIcon('link-cart-remove') + getSpriteIcon('link-cart-remove-hover') + '</div><div class="add">' + getSpriteIcon('link-cart-add') + getSpriteIcon('link-cart-add-hover') + '</div><div class="infos">' + getSpriteIcon('link-cart-info') + '</div>');
+                $(this).attr('data-tooltip', null).addClass('overlay').html('<div style="padding-top: ' + paddingTop + 'px;padding-left: ' + paddingLeft + 'px;"><div class="remove">' + getSpriteIcon('link-cart-remove') + getSpriteIcon('link-cart-remove-hover') + '</div><div class="add">' + getSpriteIcon('link-cart-add') + getSpriteIcon('link-cart-add-hover') + '</div><div class="infos">' + getSpriteIcon('link-cart-info') + '</div></div>');
             });
         }
 
diff --git a/js/libs/fluidbook/fluidbook.js b/js/libs/fluidbook/fluidbook.js
index 0cd445d2..ceb0237c 100644
--- a/js/libs/fluidbook/fluidbook.js
+++ b/js/libs/fluidbook/fluidbook.js
@@ -228,6 +228,7 @@ Fluidbook.prototype = {
          */
         this.datas = this.settings;
         $('html').addClass('linksanimation-' + this.settings.linksAnimation);
+        $('html').addClass('linksanimationlayer-' + this.settings.linksAnimationLayer);
     },
 
     setMaxPage: function (p, allowbackwards) {
diff --git a/style/cart.less b/style/cart.less
index b80f326c..adf340d4 100644
--- a/style/cart.less
+++ b/style/cart.less
@@ -124,7 +124,7 @@ a[data-cart-ref] {
     }
 
     &.displayArea:hover {
-      background-color: rgba(0, 0, 0, 0.65);
+      background-color: @links-area-color;
       mix-blend-mode: multiply;
 
       div {
@@ -132,8 +132,8 @@ a[data-cart-ref] {
       }
     }
 
-    .linksanimation-highlight &:hover {
-      background-color: rgba(0, 0, 0, 0);
+    .linksanimationlayer-under &:hover {
+      opacity: 0;
       mix-blend-mode: multiply;
 
       div {
-- 
2.39.5