From 05ba21bf6db31774a06db8888d11f35edffffb1e Mon Sep 17 00:00:00 2001 From: soufiane Date: Fri, 20 Sep 2024 19:54:44 +0200 Subject: [PATCH] wip #7067 --- .../themes/CCV/resources/assets/scripts/patient-tour.js | 6 +++--- .../CCV/resources/assets/styles/widgets/patient-tour.styl | 7 +++++++ 2 files changed, 10 insertions(+), 3 deletions(-) diff --git a/wp-content/themes/CCV/resources/assets/scripts/patient-tour.js b/wp-content/themes/CCV/resources/assets/scripts/patient-tour.js index 1405525b..72c9a43f 100644 --- a/wp-content/themes/CCV/resources/assets/scripts/patient-tour.js +++ b/wp-content/themes/CCV/resources/assets/scripts/patient-tour.js @@ -16,14 +16,14 @@ swiper.setProgress(progress, 10) - document.querySelector(':root').style.setProperty('--progress-swiper', progress*100+'%'); + document.querySelector(':root').style.setProperty('--progress-swiper', Math.min(100, (progress*100) + 5)+'%'); $("[data-group]").removeClass("active") $("[data-group=0-5]").addClass("active") - if(progress*100 >= 50) { + if((progress*100) + 5 >= 50) { $("[data-group=6-12]").addClass("active") } - if (progress*100 >= 90) { + if ((progress*100) + 5 >= 90) { $("[data-group=13-17]").addClass("active") } diff --git a/wp-content/themes/CCV/resources/assets/styles/widgets/patient-tour.styl b/wp-content/themes/CCV/resources/assets/styles/widgets/patient-tour.styl index 7ac0efb9..ecd331e2 100644 --- a/wp-content/themes/CCV/resources/assets/styles/widgets/patient-tour.styl +++ b/wp-content/themes/CCV/resources/assets/styles/widgets/patient-tour.styl @@ -10,6 +10,13 @@ $breakpoint-timeline-horizontal = 768px // When timeline changes to mobile view +below($breakpoint-timeline-horizontal) width: 90% + +below(1920px) + width: calc(100% - calc(10vw * 2)) !important + + +below(500px) + width: calc(100% - calc(5vw * 2)) !important + + &-item @apply bg-white flex-col items-center //horizontal-spacing(12.5vw) -- 2.39.5