diff options
Diffstat (limited to 'src/components/TimeLine.vue')
| -rw-r--r-- | src/components/TimeLine.vue | 5 |
1 files changed, 3 insertions, 2 deletions
diff --git a/src/components/TimeLine.vue b/src/components/TimeLine.vue index 18ae107..e767074 100644 --- a/src/components/TimeLine.vue +++ b/src/components/TimeLine.vue @@ -2,7 +2,8 @@ <div class="relative overflow-hidden z-0" ref="rootRef" @pointerdown="onPointerDown" @pointermove="onPointerMove" @pointerup="onPointerUp" @pointercancel="onPointerUp" @pointerout="onPointerUp" @pointerleave="onPointerUp" - @wheel.exact="onWheel" @wheel.shift.exact="onShiftWheel"> + @wheel.exact="onWheel" @wheel.shift.exact="onShiftWheel" + :style="{backgroundColor: !current && closeable ? 'rgba(0,0,0,0.3)' : store.color.bg}"> <!-- Event density indicators --> <template v-if="store.showEventCounts"> @@ -229,7 +230,7 @@ function initScale(){ // ========== Tick data ========== -const tickLabelMargin = computed(() => vert.value ? 20 : 30); // Distance from label to mainline +const tickLabelMargin = computed(() => vert.value ? 20 : 18); // Distance from label to mainline const tickLabelSpan = computed( // Leftover breadth in half-mainline-area for tick label () => store.mainlineBreadth - store.largeTickLen / 2 - tickLabelMargin.value); |