diff --git a/src/plugins/events/components/EventTimelineView.vue b/src/plugins/events/components/EventTimelineView.vue index b4c38797ef..99c64b6e3a 100644 --- a/src/plugins/events/components/EventTimelineView.vue +++ b/src/plugins/events/components/EventTimelineView.vue @@ -430,6 +430,7 @@ export default { const limitClass = limitEvaluation?.cssClass; if (limitClass) { eventWrapper.classList.add(limitClass); + event.limitClass = limitClass; } eventWrapper.addEventListener('click', (mouseEvent) => { @@ -443,7 +444,7 @@ export default { if (this.extendLines) { const lines = this.eventHistory .filter((e) => this.isEventInBounds(e)) - .map((e) => ({ x: this.xScale(e.time) })); + .map((e) => ({ x: this.xScale(e.time), limitClass: e.limitClass })); this.extendedLinesBus.emit('update-extended-lines', { lines, keyString: this.keyString diff --git a/src/plugins/timeline/ExtendedLinesOverlay.vue b/src/plugins/timeline/ExtendedLinesOverlay.vue index e4227cdaa6..692bd263d5 100644 --- a/src/plugins/timeline/ExtendedLinesOverlay.vue +++ b/src/plugins/timeline/ExtendedLinesOverlay.vue @@ -26,6 +26,7 @@ v-for="(line, index) in extendedLines" :key="index" class="extended-line" + :class="line.limitClass" :style="{ left: `${line.x + leftOffset}px`, height: `${height}px` }" >