diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-10-10 14:36:52 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-10-10 14:36:52 +1100 |
| commit | 959f90f1540c1cf581f03b643e194d69ead90584 (patch) | |
| tree | 9f746f20ec8d1d23ce4315054b7e8905767e4a74 | |
| parent | 862cfa7c11226b7d1f0fadfe82c3b172e5618657 (diff) | |
Lengthen mainline to avoid gaps during resize transitions
| -rw-r--r-- | src/components/TimeLine.vue | 3 |
1 files changed, 2 insertions, 1 deletions
diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue index a3c74a6..94de84f 100644 --- a/src/components/TimeLine.vue +++ b/src/components/TimeLine.vue @@ -5,7 +5,8 @@ @pointercancel.prevent="onPointerUp" @pointerout.prevent="onPointerUp" @pointerleave.prevent="onPointerUp" ref="rootRef"> <svg :viewBox="`0 0 ${width} ${height}`"> - <line stroke="yellow" stroke-width="2px" x1="0" y1="0" x2="1" y2="0" :style="mainlineStyles"/> + <line stroke="yellow" stroke-width="2px" x1="-1" y1="0" x2="2" y2="0" :style="mainlineStyles"/> + <!-- Line from (0,0) to (0,1), with extra length to avoid gaps during resize transitions --> <template v-for="n in ticks" :key="n"> <line v-if="n == MIN_DATE || n == MAX_DATE" :x1="vert ? -END_TICK_SZ : 0" :y1="vert ? 0 : -END_TICK_SZ" |