From 317dd86ab8bad7afc927a1d6dc7e5d458bac4340 Mon Sep 17 00:00:00 2001
From: bobzel <zzzman@gmail.com>
Date: Fri, 26 Mar 2021 13:42:05 -0400
Subject: from last

---
 .../views/collections/CollectionStackedTimeline.scss      |  1 +
 .../views/collections/CollectionStackedTimeline.tsx       | 15 ++++++++-------
 2 files changed, 9 insertions(+), 7 deletions(-)

(limited to 'src')

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() {
-- 
cgit v1.2.3-70-g09d2