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 1/4] 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 187ca36a5a..39ee803bfb 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 fbbae64fed..4b914c4085 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;

From 9c7af415ae3da6b29fad3bc816d188004b080545 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Thu, 25 May 2023 19:40:47 -0400
Subject: [PATCH 2/4] apply properties to all swipers

---
 packages/client/src/pages/about.vue           | 2 +-
 packages/client/src/pages/admin-file.vue      | 2 +-
 packages/client/src/pages/channels.vue        | 2 +-
 packages/client/src/pages/explore.vue         | 2 +-
 packages/client/src/pages/gallery/index.vue   | 2 +-
 packages/client/src/pages/instance-info.vue   | 2 +-
 packages/client/src/pages/messaging/index.vue | 2 +-
 packages/client/src/pages/notifications.vue   | 2 +-
 packages/client/src/pages/pages.vue           | 2 +-
 packages/client/src/pages/search.vue          | 2 +-
 packages/client/src/pages/tag.vue             | 2 +-
 11 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/packages/client/src/pages/about.vue b/packages/client/src/pages/about.vue
index 4b9e62cf80..bb7dc156f3 100644
--- a/packages/client/src/pages/about.vue
+++ b/packages/client/src/pages/about.vue
@@ -7,7 +7,7 @@
 				:tabs="headerTabs"
 		/></template>
 		<MkSpacer :content-max="600" :margin-min="20">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/admin-file.vue b/packages/client/src/pages/admin-file.vue
index 7806cf23c0..77e418b75c 100644
--- a/packages/client/src/pages/admin-file.vue
+++ b/packages/client/src/pages/admin-file.vue
@@ -7,7 +7,7 @@
 				:tabs="headerTabs"
 		/></template>
 		<MkSpacer :content-max="600" :margin-min="16" :margin-max="32">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/channels.vue b/packages/client/src/pages/channels.vue
index 61a647d97c..12ac0b6298 100644
--- a/packages/client/src/pages/channels.vue
+++ b/packages/client/src/pages/channels.vue
@@ -7,7 +7,7 @@
 				:tabs="headerTabs"
 		/></template>
 		<MkSpacer :content-max="700">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/explore.vue b/packages/client/src/pages/explore.vue
index b7f6d3c713..dda387f266 100644
--- a/packages/client/src/pages/explore.vue
+++ b/packages/client/src/pages/explore.vue
@@ -8,7 +8,7 @@
 		/></template>
 		<div class="lznhrdub">
 			<MkSpacer :content-max="1200">
-				<swiper
+				<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 					:modules="[Virtual]"
 					:space-between="20"
 					:virtual="true"
diff --git a/packages/client/src/pages/gallery/index.vue b/packages/client/src/pages/gallery/index.vue
index d4794ffbc0..47582d82bb 100644
--- a/packages/client/src/pages/gallery/index.vue
+++ b/packages/client/src/pages/gallery/index.vue
@@ -8,7 +8,7 @@
 				:display-back-button="true"
 		/></template>
 		<MkSpacer :content-max="1200">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/instance-info.vue b/packages/client/src/pages/instance-info.vue
index 83e2ae2664..219ba96da1 100644
--- a/packages/client/src/pages/instance-info.vue
+++ b/packages/client/src/pages/instance-info.vue
@@ -12,7 +12,7 @@
 			:margin-min="16"
 			:margin-max="32"
 		>
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/messaging/index.vue b/packages/client/src/pages/messaging/index.vue
index f18c37cac8..e2adc4a29e 100644
--- a/packages/client/src/pages/messaging/index.vue
+++ b/packages/client/src/pages/messaging/index.vue
@@ -8,7 +8,7 @@
 		/></template>
 		<div>
 			<MkSpacer :content-max="800">
-				<swiper
+				<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 					:modules="[Virtual]"
 					:space-between="20"
 					:virtual="true"
diff --git a/packages/client/src/pages/notifications.vue b/packages/client/src/pages/notifications.vue
index 7a61df0ba6..1ace1dbaf7 100644
--- a/packages/client/src/pages/notifications.vue
+++ b/packages/client/src/pages/notifications.vue
@@ -9,7 +9,7 @@
 			/>
 		</template>
 		<MkSpacer :content-max="800">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/pages.vue b/packages/client/src/pages/pages.vue
index 938c8d2295..f90e3f452f 100644
--- a/packages/client/src/pages/pages.vue
+++ b/packages/client/src/pages/pages.vue
@@ -7,7 +7,7 @@
 				:tabs="headerTabs"
 		/></template>
 		<MkSpacer :content-max="700">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/search.vue b/packages/client/src/pages/search.vue
index f900caad41..0a767008fa 100644
--- a/packages/client/src/pages/search.vue
+++ b/packages/client/src/pages/search.vue
@@ -8,7 +8,7 @@
 				:display-back-button="true"
 		/></template>
 		<MkSpacer :content-max="800">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"
diff --git a/packages/client/src/pages/tag.vue b/packages/client/src/pages/tag.vue
index 600f27efba..690b1ae7f5 100644
--- a/packages/client/src/pages/tag.vue
+++ b/packages/client/src/pages/tag.vue
@@ -8,7 +8,7 @@
 				:display-back-button="true"
 		/></template>
 		<MkSpacer :content-max="800">
-			<swiper
+			<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 				:modules="[Virtual]"
 				:space-between="20"
 				:virtual="true"

From 5d224bf1c63651844d4a1e7a60a47d91e327ddf9 Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Thu, 25 May 2023 19:42:42 -0400
Subject: [PATCH 3/4] make consistent

---
 packages/client/src/pages/timeline.vue | 5 +----
 1 file changed, 1 insertion(+), 4 deletions(-)

diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 39ee803bfb..2003591fec 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -32,7 +32,7 @@
 				/>
 			</div> *v-else on next div* -->
 				<div class="tl _block">
-					<swiper
+					<swiper :touch-angle="25" :threshold="10" :centeredSlides="true"
 						:modules="[Virtual]"
 						:space-between="20"
 						:virtual="true"
@@ -44,9 +44,6 @@
 						"
 						@swiper="setSwiperRef"
 						@slide-change="onSlideChange"
-						:touch-angle="25"
-						:threshold="10"
-						:centeredSlides="true"
 					>
 						<swiper-slide
 							v-for="index in timelines"

From a534ec5565cda230e996de92d49f63ef6d530d4e Mon Sep 17 00:00:00 2001
From: Freeplay <Freeplay@duck.com>
Date: Thu, 25 May 2023 21:27:51 -0400
Subject: [PATCH 4/4] fix z-index

---
 packages/client/src/components/MkSubNoteContent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/client/src/components/MkSubNoteContent.vue b/packages/client/src/components/MkSubNoteContent.vue
index fcfbc64ab2..c7dc7dd7ff 100644
--- a/packages/client/src/components/MkSubNoteContent.vue
+++ b/packages/client/src/components/MkSubNoteContent.vue
@@ -243,7 +243,7 @@ function focusFooter(ev) {
 </script>
 
 <style lang="scss" scoped>
-:deep(a) {
+:deep(a, button) {
 	position: relative;
 	z-index: 2;
 }