ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-19 21:27:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

only add left margin to container

Browse Source
This commit is contained in:
Scott Bell 2024-12-16 20:19:52 +01:00
parent 62b4975d57
commit 20247bbd87
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/plugins/events/components/EventTimelineView.vue
View File

@ -21,7 +21,11 @@
-->
<template>
<div ref="events" class="c-events-tsv c-timeline-holder c-events-tsv__contents" />
<div
ref="events"
class="c-events-tsv c-timeline-holder c-events-tsv__contents"
:style="{ left: leftOffset + 'px' }"
/>
</template>
<script>
@ -70,6 +74,11 @@ export default {
selectedEvent: null
};
},
computed: {
leftOffset() {
return this.alignmentData.leftWidth + AXES_PADDING;
}
},
watch: {
eventHistory: {
handler(newHistory, oldHistory) {
@ -365,7 +374,7 @@ export default {
}
},
updateExistingEventWrapper(existingEventWrapper, event) {
existingEventWrapper.style.left = `${this.xScale(event.time) + this.alignmentData.leftWidth + AXES_PADDING}px`;
existingEventWrapper.style.left = `${this.xScale(event.time)}px`;
},
createPathSelection() {
const selection = [];
@ -421,7 +430,7 @@ export default {
eventWrapper.ariaLabel = id;
eventWrapper.setAttribute('id', id);
eventWrapper.classList.add(EVENT_WRAPPER_CLASS);
eventWrapper.style.left = `${this.xScale(event.time) + this.alignmentData.leftWidth + AXES_PADDING}px`;
eventWrapper.style.left = `${this.xScale(event.time)}px`;
const eventTickElement = document.createElement('div');
eventTickElement.classList.add('c-events-tsv__event-handle');
eventTickElement.style.width = '2px';