From 30beffab7829450c111eb4aa408f9af3b871b75d Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Thu, 25 May 2023 19:32:56 -0400
Subject: [PATCH] Only load timeline in active slide

---
 packages/client/src/pages/timeline.vue | 4 ++++
 packages/client/src/style.scss         | 4 ++++
 2 files changed, 8 insertions(+)

diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 187ca36a5..39ee803bf 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -44,6 +44,9 @@
 						"
 						@swiper="setSwiperRef"
 						@slide-change="onSlideChange"
+						:touch-angle="25"
+						:threshold="10"
+						:centeredSlides="true"
 					>
 						<swiper-slide
 							v-for="index in timelines"
@@ -51,6 +54,7 @@
 							:virtual-index="index"
 						>
 							<XTimeline
+								v-if="index == timelines[swiperRef.activeIndex]"
 								ref="tl"
 								:key="src"
 								class="tl"
diff --git a/packages/client/src/style.scss b/packages/client/src/style.scss
index fbbae64fe..4b914c408 100644
--- a/packages/client/src/style.scss
+++ b/packages/client/src/style.scss
@@ -113,6 +113,10 @@ html, body {
 	padding: 0;
 }
 
+.swiper-slide {
+	height: unset !important;
+}
+
 a {
 	text-decoration: none;
 	cursor: pointer;