diff options
| -rw-r--r-- | src/client/views/collections/CollectionStackedTimeline.scss | 1 | ||||
| -rw-r--r-- | src/client/views/collections/CollectionStackedTimeline.tsx | 15 |
2 files changed, 9 insertions, 7 deletions
diff --git a/src/client/views/collections/CollectionStackedTimeline.scss b/src/client/views/collections/CollectionStackedTimeline.scss index 2b9f3d782..19ad5cefa 100644 --- a/src/client/views/collections/CollectionStackedTimeline.scss +++ b/src/client/views/collections/CollectionStackedTimeline.scss @@ -64,5 +64,6 @@ width: 100%; top: 0; left: 0; + pointer-events: none; } }
\ No newline at end of file diff --git a/src/client/views/collections/CollectionStackedTimeline.tsx b/src/client/views/collections/CollectionStackedTimeline.tsx index 2191a3df5..73148560a 100644 --- a/src/client/views/collections/CollectionStackedTimeline.tsx +++ b/src/client/views/collections/CollectionStackedTimeline.tsx @@ -258,13 +258,14 @@ export class CollectionStackedTimeline extends CollectionSubView<PanZoomDocument </div>; } @computed get renderAudioWaveform() { - return !this.props.mediaPath ? (null) : <div style={{ position: "absolute", width: "100%", top: 0, left: 0 }}> - <AudioWaveform - duration={this.duration} - mediaPath={this.props.mediaPath} - dataDoc={this.dataDoc} - PanelHeight={this.timelineContentHeight} /> - </div>; + return !this.props.mediaPath ? (null) : + <div className="collectionStackedTimeline-waveform" > + <AudioWaveform + duration={this.duration} + mediaPath={this.props.mediaPath} + dataDoc={this.dataDoc} + PanelHeight={this.timelineContentHeight} /> + </div>; } currentTimecode = () => this.currentTime; render() { |