aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/animationtimeline/Timeline.tsx
diff options
context:
space:
mode:
authorbobzel <zzzman@gmail.com>2023-10-27 13:39:04 -0400
committerbobzel <zzzman@gmail.com>2023-10-27 13:39:04 -0400
commita866baea5fdbf30650cbfbf4aa383019ef61ec3d (patch)
tree3c0ddb94bed25ba7fb512c2eb85109b66b1eacac /src/client/views/animationtimeline/Timeline.tsx
parentb2233984df663be6554c935fe9e40f4778237e67 (diff)
added collection itself to timeline
Diffstat (limited to 'src/client/views/animationtimeline/Timeline.tsx')
-rw-r--r--src/client/views/animationtimeline/Timeline.tsx14
1 files changed, 3 insertions, 11 deletions
diff --git a/src/client/views/animationtimeline/Timeline.tsx b/src/client/views/animationtimeline/Timeline.tsx
index 71517d4fe..4be3b05ab 100644
--- a/src/client/views/animationtimeline/Timeline.tsx
+++ b/src/client/views/animationtimeline/Timeline.tsx
@@ -543,7 +543,7 @@ export class Timeline extends React.Component<FieldViewProps> {
<div key="timeline_scrubberhead" className="scrubberhead" onPointerDown={this.onScrubberDown}></div>
</div>
<div key="timeline_trackbox" className="trackbox" ref={this._trackbox} style={{ width: `${this._totalLength}px` }}>
- {this.children.map(doc => (
+ {[...this.children, this.props.Document].map(doc => (
<Track
ref={ref => this.mapOfTracks.push(ref)}
timeline={this}
@@ -562,16 +562,8 @@ export class Timeline extends React.Component<FieldViewProps> {
</div>
<div className="currentTime">Current: {this.getCurrentTime()}</div>
<div key="timeline_title" className="title-container" ref={this._titleContainer}>
- {this.children.map(doc => (
- <div
- style={{ height: `${this._titleHeight}px` }}
- className="datapane"
- onPointerOver={() => {
- Doc.BrushDoc(doc);
- }}
- onPointerOut={() => {
- Doc.UnBrushDoc(doc);
- }}>
+ {[...this.children, this.props.Document].map(doc => (
+ <div style={{ height: `${this._titleHeight}px` }} className="datapane" onPointerOver={() => Doc.BrushDoc(doc)} onPointerOut={() => Doc.UnBrushDoc(doc)}>
<p>{StrCast(doc.title)}</p>
</div>
))}