diff --git a/assets/js/vendors/carousel.js b/assets/js/vendors/carousel.js index 0da736c6d7c3e97f1e7c244bcbe82a282bdd268d..eb86fbe6aa7f7d8b01292b355ffe465cdad0f369 100644 --- a/assets/js/vendors/carousel.js +++ b/assets/js/vendors/carousel.js @@ -33,39 +33,39 @@ class Carousel { stepButton.innerHTML = '<i></i>'; }); - this.splide.on('autoplay:play', function () { + this.splide.on('autoplay:play', () => { toggleButton.classList.add('is-active'); }); - this.splide.on('autoplay:playing', function (rate) { + this.splide.on('autoplay:playing', (rate) => { var activeStepButton = this.splide.root.querySelector('.splide__pagination .is-active i'); activeStepButton.style.width = rate * 100 + '%'; }); - this.splide.on('autoplay:pause', function () { + this.splide.on('autoplay:pause', () => { toggleButton.classList.remove('is-active'); }); - elements.forEach(function(element) { + elements.forEach(element => { element.addEventListener('click', () => { autoplay.pause(); }) }); - this.splide.on('drag', function() { + this.splide.on('drag', () => { autoplay.pause(); }); } } listen() { - this.splide.on('move', function() { + this.splide.on('move', () => { this.splide.root.classList.add('is-moving') - }.bind(this)); + }); - this.splide.on('moved', function() { + this.splide.on('moved', () => { this.splide.root.classList.remove('is-moving') - }.bind(this)); + }); } } diff --git a/assets/sass/_theme/blocks/testimonials.sass b/assets/sass/_theme/blocks/testimonials.sass index d8463ae095e51610b47c47c82150bd10b3665b7d..8f918805c666f9f5d49bf3000f85ee85b29c692e 100644 --- a/assets/sass/_theme/blocks/testimonials.sass +++ b/assets/sass/_theme/blocks/testimonials.sass @@ -57,6 +57,10 @@ width: 42px &::before color: $color-accent + &:not(.is-active) + + .splide__pagination + .is-active i + width: 100% !important .splide__play &::before