fixed record buttons and trimmed marker width appearance

1 files changed, 6 insertions, 2 deletions

diff --git a/src/client/views/collections/CollectionStackedTimeline.tsx b/src/client/views/collections/CollectionStackedTimeline.tsx
index 51e05e278..56621d6d5 100644
--- a/src/client/views/collections/CollectionStackedTimeline.tsx
+++ b/src/client/views/collections/CollectionStackedTimeline.tsx
@@ -548,10 +548,14 @@ export class CollectionStackedTimeline extends CollectionSubView<
                     );
                     const left = this.props.trimming ?
                         (start / this.duration) * timelineContentWidth
-                        : (start - this.trimStart) / this.props.trimDuration * timelineContentWidth;
+                        : Math.max((start - this.trimStart) / this.props.trimDuration * timelineContentWidth, 0);
                     const top = (d.level / maxLevel) * this.timelineContentHeight();
                     const timespan = end - start;
-                    const width = (timespan / this.props.trimDuration) * timelineContentWidth;
+                    let width = (timespan / this.props.trimDuration) * timelineContentWidth;
+                    width = (!this.props.trimming && left == 0) ?
+                        width - ((this.trimStart - start) / this.props.trimDuration * timelineContentWidth) : width;
+                    width = (!this.props.trimming && this.trimEnd < end) ?
+                        width - ((end - this.trimEnd) / this.props.trimDuration * timelineContentWidth) : width;
                     const height = this.timelineContentHeight() / maxLevel
                     return this.props.Document.hideAnchors ? null : (
                         <div