diff options
Diffstat (limited to 'src/components')
| -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, |