diff options
| author | Terry Truong <terry06890@gmail.com> | 2022-10-15 14:15:46 +1100 |
|---|---|---|
| committer | Terry Truong <terry06890@gmail.com> | 2022-10-15 14:15:46 +1100 |
| commit | 0c8b0a7513ccf457556db1486beb092265c594a3 (patch) | |
| tree | e3f6293d2a32ba1830e3662def75c65c0d705f9f /src/components/BaseLine.vue | |
| parent | 3932d067cfca46130a82f95ac40638ebfeca5181 (diff) | |
Make BaseLine spans use TimeLine start/end offsets
Change TimelineRange to hold years not HistDates
Diffstat (limited to 'src/components/BaseLine.vue')
| -rw-r--r-- | src/components/BaseLine.vue | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/BaseLine.vue b/src/components/BaseLine.vue index ccadb0b..e2cf7c8 100644 --- a/src/components/BaseLine.vue +++ b/src/components/BaseLine.vue @@ -80,9 +80,9 @@ const labelStyles = computed((): Record<string, string> => ({ function spanStyles(range: TimelineRange){ let styles: Record<string,string>; let availLen = props.vert ? height.value : width.value; - // Determine positions in full timeline (only considers year values) - let startFrac = (range.start.year - MIN_DATE.year) / (MAX_DATE.year - MIN_DATE.year); - let lenFrac = (range.end.year - range.start.year) / (MAX_DATE.year - MIN_DATE.year); + // Determine positions in full timeline + let startFrac = (range.startYear - MIN_DATE.year) / (MAX_DATE.year - MIN_DATE.year); + let lenFrac = (range.endYear - range.startYear) / (MAX_DATE.year - MIN_DATE.year); let startPx = Math.max(0, availLen * startFrac); // Prevent negatives due to end-padding let lenPx = Math.min(availLen - startPx, availLen * lenFrac); lenPx = Math.max(1, lenPx); // Prevent zero length |