#604 Updating event banner icon positions and adding fade

cncf · Oct 25, 2022 · 4a682e3 · 4a682e3
1 parent 0233ccf
commit 4a682e3
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/web/wp-content/themes/cncf-twenty-two/blocks/gallery-slider/gallery-slider.js b/web/wp-content/themes/cncf-twenty-two/blocks/gallery-slider/gallery-slider.js
@@ -16,6 +16,7 @@ jQuery( document ).ready(
 
 		slider.slick(
 			{
+				infinite: true,
 				slidesToShow: 1,
 				slidesToScroll: 1,
 				swipeToSlide: true,

diff --git a/web/wp-content/themes/cncf-twenty-two/source/js/on-demand/slick-events-config.js b/web/wp-content/themes/cncf-twenty-two/source/js/on-demand/slick-events-config.js
@@ -28,8 +28,9 @@ function eventSlider($) {
 			swipeToSlide: true,
 			draggable: false,
 			autoplay: true,
-			autoplaySpeed: 5000,
+			autoplaySpeed: 8000,
 			cssEase: "linear",
+			fade: true,
 			lazyLoad: "ondemand",
 			pauseOnHover: true,
 			pauseOnFocus: false,

diff --git a/web/wp-content/themes/cncf-twenty-two/source/scss/detached/slick.scss b/web/wp-content/themes/cncf-twenty-two/source/scss/detached/slick.scss
@@ -102,7 +102,8 @@
 	position: absolute;
 	top: 55%;
 	@media (min-width: 768px) {
-		top: 50%;
+		top: 49%;
+		transform: translateY(-50%);
 	}
 	display: block;
 	padding: 0;