diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-10-11 00:47:29 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-10-11 00:47:29 +1100 |
| commit | 314c1c95f77d6e4be559df3a58278f6c37f61e5c (patch) | |
| tree | b8906e1190aff13c411299820cd289dda65baba4 /src/components/BaseLine.vue | |
| parent | 6a46c220406477914c01a77c47016575aab8bdde (diff) | |
Fix regression where baseline timespans move on startup
Diffstat (limited to 'src/components/BaseLine.vue')
| -rw-r--r-- | src/components/BaseLine.vue | 6 |
1 files changed, 5 insertions, 1 deletions
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, |