diff options
Diffstat (limited to 'src/components')
| -rw-r--r-- | src/components/BaseLine.vue | 6 | ||||
| -rw-r--r-- | src/components/TimeLine.vue | 8 |
2 files changed, 10 insertions, 4 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 diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue index 22069bc..281f4e4 100644 --- a/src/components/TimeLine.vue +++ b/src/components/TimeLine.vue @@ -630,7 +630,13 @@ function onShiftWheel(evt: WheelEvent){ // For bound-change signalling watch(startDate, () => { - emit('range-chg', [startDate.value, endDate.value]); + let startYear = startDate.value.year; + let endYear = endDate.value.year; + if (scale.value != MONTH_SCALE && scale.value != DAY_SCALE){ // Possibly incorporate offsets + startYear -= startOffset.value * scale.value; + endYear += endOffset.value * scale.value; + } + emit('range-chg', [startYear, endYear]); }); // For skipping transitions on startup (and on horz/vert swap) |