From 314c1c95f77d6e4be559df3a58278f6c37f61e5c Mon Sep 17 00:00:00 2001
From: Terry Truong <terry06890@gmail.com>
Date: Tue, 11 Oct 2022 00:47:29 +1100
Subject: Fix regression where baseline timespans move on startup

---
 src/components/BaseLine.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

(limited to 'src/components/BaseLine.vue')

diff --git a/src/components/BaseLine.vue b/src/components/BaseLine.vue
index 3f51a86..081225c 100644
--- a/src/components/BaseLine.vue
+++ b/src/components/BaseLine.vue
@@ -37,6 +37,10 @@ const periods: Ref<Period[]> = ref([
 	{label: 'Three', len: 1},
 ]);
 
+// For skipping transitions on startup
+const skipTransition = ref(true);
+onMounted(() => setTimeout(() => {skipTransition.value = false}, 100));
+
 // For size tracking (used to prevent time spans shrinking below 1 pixel)
 const width = ref(0);
 const height = ref(0);
@@ -89,7 +93,7 @@ function spanStyles(range: TimelineRange){
 	}
 	return {
 		...styles,
-		transition: 'all 300ms ease-out',
+		transition: skipTransition.value ? 'none' : 'all 300ms ease-out',
 		color: 'black',
 		backgroundColor: store.color.alt,
 		opacity: 0.3,
-- 
cgit v1.2.3

