From 9337c278a124344c2dfd81590ac8d4b83cd756b2 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet@mmibordeaux.com>
Date: Thu, 21 Dec 2023 17:20:10 +0100
Subject: [PATCH] fixed splide pagination position
---
assets/js/vendors/carousel.js | 1 -
assets/sass/_theme/blocks/testimonials.sass | 7 ++++---
assets/sass/_theme/dependencies/splide.sass | 1 -
3 files changed, 4 insertions(+), 5 deletions(-)
diff --git a/assets/js/vendors/carousel.js b/assets/js/vendors/carousel.js
index b9f71307..a7d64c2d 100644
--- a/assets/js/vendors/carousel.js
+++ b/assets/js/vendors/carousel.js
@@ -39,7 +39,6 @@ class Carousel {
});
this.splide.on('autoplay:playing', (rate) => {
- // toggleButton.classList.add('is-active');
var activeStepButton = this.splide.root.querySelector('.splide__pagination .is-active i');
activeStepButton.style.width = rate * 100 + '%';
diff --git a/assets/sass/_theme/blocks/testimonials.sass b/assets/sass/_theme/blocks/testimonials.sass
index a53119c6..ebaa47ef 100644
--- a/assets/sass/_theme/blocks/testimonials.sass
+++ b/assets/sass/_theme/blocks/testimonials.sass
@@ -36,12 +36,13 @@
margin-right: calc(#{$grid-gutter} / 2)
.splide
- display: flex
- flex-direction: column-reverse
+ .splide__slider
+ display: flex
+ flex-direction: column-reverse
&__toggle
- // @include button-reset
border: 1px solid $block-testimonials-pagination-background
border-radius: 50%
+ cursor: pointer
font-size: 0
height: 42px
padding: 0
diff --git a/assets/sass/_theme/dependencies/splide.sass b/assets/sass/_theme/dependencies/splide.sass
index d9c28c7c..7be4a7b0 100644
--- a/assets/sass/_theme/dependencies/splide.sass
+++ b/assets/sass/_theme/dependencies/splide.sass
@@ -39,7 +39,6 @@
&.is-active
&::before
background-color: $link-color
-
&__toggle
&__pause
@include icon-block(pause)
--
GitLab