ensure colored lines work

This commit is contained in:
Scott Bell 2024-12-13 10:35:18 +01:00
parent d046ad13ff
commit 052129ba87
2 changed files with 3 additions and 1 deletions

View File

@ -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

View File

@ -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` }"
></div>
</div>