From d9343258b8c15d66252d77ce30c01b78eb378207 Mon Sep 17 00:00:00 2001
From: ThatOneCalculator <kainoa@t1c.dev>
Date: Fri, 19 Aug 2022 23:48:21 -0700
Subject: [PATCH] chore: :fire: remove fader

---
 packages/client/src/pages/timeline.vue | 33 --------------------------
 1 file changed, 33 deletions(-)

diff --git a/packages/client/src/pages/timeline.vue b/packages/client/src/pages/timeline.vue
index 1795b9a05..d5cab01e3 100644
--- a/packages/client/src/pages/timeline.vue
+++ b/packages/client/src/pages/timeline.vue
@@ -1,6 +1,5 @@
 <template>
 <MkStickyContainer>
-	<svg class="fader" ref="fader"></svg>
 	<template #header>
 		<MkPageHeader
 			v-model:tab="src"
@@ -84,7 +83,6 @@ window.addEventListener('resize', () => {
 
 const tlComponent = $ref<InstanceType<typeof XTimeline>>();
 const rootEl = $ref<HTMLElement>();
-const fader = $ref<SVGElement>();
 
 let queue = $ref(0);
 const src = $computed({
@@ -287,8 +285,6 @@ if (isMobile.value) {
 			} else {
 				next = timelines[(timelines.indexOf(src) + 1) % timelines.length];
 			}
-			fader.classList.remove('fade');
-			fader.classList.add('fade');
 			saveSrc(next);
 		}
 		xDown = null;
@@ -324,33 +320,4 @@ if (isMobile.value) {
 		overflow: clip;
 	}
 }
-
-@keyframes fade {
-		0%, 100% { opacity: 0 }
-		50% { opacity: 1 }
-}
-
-.fader {
-		position: fixed;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-		opacity: 0;
-    z-index: 1001;
-		pointer-events: none;
-		background: var(--acrylicBg);
-		animation-duration: 0.25s;
-    animation-timing-function: ease-in-out;
-
-		> .fadeOut {
-			opacity: 0;
-			animation-name: fade-out;
-		}
-
-		> .fadeIn {
-			opacity: 1;
-			animation-name: fade-in;
-		}
-}
 </style>