diff options
| author | Terry Truong <terry06890@gmail.com> | 2023-01-21 15:23:51 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2023-01-21 16:17:31 +1100 |
| commit | c318c4cedf3f50c21c403649945c2abbbc30a89e (patch) | |
| tree | c74f967755c1b653a450973712a99bec65724f6a /src/components/BaseLine.vue | |
| parent | d581e5b61a771ef8619a5bfbc84a6e337c7ca13f (diff) | |
Do more minor refactoring
Document some variables coupled between client and server.
Add more term consistency ('unit', 'event density').
Make console messages more consistent.
Diffstat (limited to 'src/components/BaseLine.vue')
| -rw-r--r-- | src/components/BaseLine.vue | 4 |
1 files changed, 3 insertions, 1 deletions
diff --git a/src/components/BaseLine.vue b/src/components/BaseLine.vue index 91f5b69..53ab6bd 100644 --- a/src/components/BaseLine.vue +++ b/src/components/BaseLine.vue @@ -7,7 +7,7 @@ <div v-if="props.vert" class="absolute bottom-0 w-full h-6" style="background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1))"></div> </div> - <!-- Timeline spans --> + <!-- Timeline 'spans' --> <TransitionGroup name="fade" v-if="mounted"> <div v-for="(state, idx) in timelines" :key="state.id" class="absolute" :style="spanStyles(idx)"></div> </TransitionGroup> @@ -44,6 +44,7 @@ const periods: Ref<Period[]> = ref([ // ========== For skipping transitions on startup ========== const skipTransition = ref(true); + onMounted(() => setTimeout(() => {skipTransition.value = false}, 100)); // ========== For size and mount-status tracking ========== @@ -68,6 +69,7 @@ const resizeObserver = new ResizeObserver((entries) => { } } }); + onMounted(() => resizeObserver.observe(rootRef.value as HTMLElement)); // ========== For styles ========== |