From 30603006dcb452724b2ccd7564c653a1db5c857c Mon Sep 17 00:00:00 2001
From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Thu, 3 Apr 2025 13:18:41 +0200
Subject: [PATCH] wait #7434 @0.75

---
 .../slideshow/fluidbook.slideshow.vacheron.js    | 16 +++++++++++-----
 style/slideshow/vacheron.less                    |  9 +++++++--
 2 files changed, 18 insertions(+), 7 deletions(-)

diff --git a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
index 031295eb..d733b44b 100644
--- a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
+++ b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
@@ -1,6 +1,6 @@
 function FluidbookVacheronSlideshow(fluidbook) {
     this.fluidbook = fluidbook;
-    this.name='vacheron';
+    this.name = 'vacheron';
     this.initEvents();
 }
 
@@ -36,7 +36,7 @@ FluidbookVacheronSlideshow.prototype = {
             navClass += ' compact';
         }
 
-        var nav = $('<nav class="fb-slideshow-nav' + navClass + '"><a href="#" class="fb-slideshow-nav-prev">' + getSpriteIcon('chevron-bold') + '</a></nav>');
+        var nav = $('<nav class="fb-slideshow-nav' + navClass + ' fb-slideshow-size-' + this.fluidbook.settings.slideshowControlsSize + '"><a href="#" class="fb-slideshow-nav-prev">' + getSpriteIcon('chevron-bold') + '</a></nav>');
         var i = 0;
         $(s).find('.fb-slideshow-slide').each(function () {
             $(nav).append('<a href="#" class="fb-slideshow-nav-index" data-index="' + i + '"></a>');
@@ -122,13 +122,20 @@ FluidbookVacheronSlideshow.prototype = {
         var fullscreen = false;
         var w, h;
         var s = $(m).find('.fb-slideshow-wrapper');
+
+        let navScale = 1;
+        var navheight = 75;
+        if (this.fluidbook.settings.slideshowControlsSize === 'big') {
+            navheight = 75;
+            navScale=1.5;
+        }
+
         m.find('.caption, .back').addClass('nocaption');
         if (ww < 800) {
             fullscreen = true;
             w = ww;
             h = hh;
         } else {
-            var navheight = 75;
             var meta = $(s).find('.fb-slideshow-slide:eq(0) img').data('meta');
             var scale = Math.min(((hh * 0.9) - navheight) / meta.height, (ww * 0.9) / meta.width);
             w = meta.width * scale;
@@ -137,7 +144,7 @@ FluidbookVacheronSlideshow.prototype = {
 
         $(s).css({width: w, height: h});
         var nav = $(s).find('.fb-slideshow-nav');
-        var navLeft = (w - $(nav).outerWidth()) / 2;
+        var navLeft = (w - $(nav).outerWidth() * navScale) / 2;
         var transform = '';
         if (navLeft < 0) {
             navLeft = 0;
@@ -145,7 +152,6 @@ FluidbookVacheronSlideshow.prototype = {
         }
         $(nav).css({left: navLeft, transform: transform});
 
-
         return {w: w, h: h, fullscreen: fullscreen};
     },
 
diff --git a/style/slideshow/vacheron.less b/style/slideshow/vacheron.less
index 83095747..75483b10 100644
--- a/style/slideshow/vacheron.less
+++ b/style/slideshow/vacheron.less
@@ -84,6 +84,11 @@
       white-space: nowrap;
       transform-origin: 0 0;
 
+      &.fb-slideshow-size-big {
+        transform: scale(1.5);
+        bottom: 20px;
+      }
+
       .fb-slideshow-nav-prev, .fb-slideshow-nav-next {
         @w: 40px;
         display: inline-block;
@@ -115,7 +120,7 @@
         }
       }
 
-      &.compact{
+      &.compact {
         .fb-slideshow-nav-index {
           margin: 0 8px;
         }
@@ -134,7 +139,7 @@
         background-color: transparent;
 
         &:after {
-          content:".";
+          content: ".";
           text-indent: -6666px;
           position: absolute;
           top: -1px;
-- 
2.39.5