wip #7067

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 1405525beaaba67662d9cbc379408fa4e3e75471..72c9a43fc69f7dc2a5424721f4565f60be2527f5 100644 (file)
--- 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 7ac0efb9bb5c4d2b57ed3e274f1edd7120bf14c8..ecd331e2a3d47a638ad2069c836d989197219db2 100644 (file)
--- 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)