From 88b43314d93425c1c8a2c948d13666bea734844b Mon Sep 17 00:00:00 2001 From: Shefali Date: Thu, 6 Mar 2025 16:35:23 -0800 Subject: [PATCH] Handle right offset alignment for event timeline view --- .../events/components/EventTimelineView.vue | 14 ++++++++++---- 1 file changed, 10 insertions(+), 4 deletions(-) diff --git a/src/plugins/events/components/EventTimelineView.vue b/src/plugins/events/components/EventTimelineView.vue index 17294df99b..06652e934b 100644 --- a/src/plugins/events/components/EventTimelineView.vue +++ b/src/plugins/events/components/EventTimelineView.vue @@ -79,13 +79,19 @@ export default { }, computed: { alignmentStyle() { - let leftOffset = 0; - const rightOffset = this.alignmentData.rightWidth ? AXES_PADDING : 0; + let leftMargin = 0; + let rightMargin = 0; if (this.alignmentData.leftWidth) { - leftOffset = this.alignmentData.multiple ? 2 * AXES_PADDING : AXES_PADDING; + const leftOffset = this.alignmentData.multiple ? 2 * AXES_PADDING : AXES_PADDING; + leftMargin = `${this.alignmentData.leftWidth + leftOffset}px`; } + + if (this.alignmentData.rightWidth) { + rightMargin = `${this.alignmentData.rightWidth + AXES_PADDING}px`; + } + return { - margin: `0 ${this.alignmentData.rightWidth + rightOffset}px 0 ${this.alignmentData.leftWidth + leftOffset}px` + margin: `0 ${rightMargin} 0 ${leftMargin}` }; } },