From: Vincent Vanwaelscappel <vincent@cubedesigners.com>
Date: Mon, 22 Mar 2021 14:47:56 +0000 (+0100)
Subject: wait #4346 @0.5
X-Git-Url: http://git.cubedesigners.com/?a=commitdiff_plain;h=ce877318d5d2be2d3b601fb0ab4589425938c993;p=fluidbook-html5.git

wait #4346 @0.5
---

diff --git a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
index 7e5dd96a..a524c601 100644
--- a/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
+++ b/js/libs/fluidbook/slideshow/fluidbook.slideshow.vacheron.js
@@ -25,11 +25,16 @@ FluidbookVacheronSlideshow.prototype = {
     },
 
     initSlideshow: function (s) {
-        $(s).data('nbslides', $(s).find('.fb-slideshow-slide').length);
+        this.nb = $(s).find('.fb-slideshow-slide').length;
+        $(s).data('nbslides', this.nb);
         var context = $(s).closest('.fb-slideshow-wrapper').hasClass('fb-slideshow-inline') ? 'inline' : 'popup';
         $(s).data('context', context);
+        var navClass = "";
+        if (this.nb > 12) {
+            navClass += ' compact';
+        }
 
-        var nav = $('<nav class="fb-slideshow-nav"><a href="#" class="fb-slideshow-nav-prev">' + getSpriteIcon('chevron-bold') + '</a></nav>');
+        var nav = $('<nav class="fb-slideshow-nav' + navClass + '"><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>');
diff --git a/style/slideshow/vacheron.less b/style/slideshow/vacheron.less
index 539ff977..280a84ac 100644
--- a/style/slideshow/vacheron.less
+++ b/style/slideshow/vacheron.less
@@ -114,6 +114,12 @@
         }
       }
 
+      &.compact{
+        .fb-slideshow-nav-index {
+          margin: 0 8px;
+        }
+      }
+
       .fb-slideshow-nav-index {
         @w: 9px;
         display: inline-block;