fixed marker drag and drop in scrolled zoomed timeline

1 files changed, 17 insertions, 3 deletions

diff --git a/src/client/views/AudioWaveform.tsx b/src/client/views/AudioWaveform.tsx
index 58384792e..4d9c039c4 100644
--- a/src/client/views/AudioWaveform.tsx
+++ b/src/client/views/AudioWaveform.tsx
@@ -20,6 +20,7 @@ export interface AudioWaveformProps {
     clipEnd: number;
     zoomFactor: number;
     PanelHeight: () => number;
+    PanelWidth: () => number;
 }
 
 @observer
@@ -88,15 +89,28 @@ export class AudioWaveform extends React.Component<AudioWaveformProps> {
         return (
             <div className="audioWaveform">
                 <Waveform
-                    color={Colors.MEDIUM_BLUE}
+                    color={Colors.MEDIUM_BLUE_ALT}
                     height={this.waveHeight}
-                    barWidth={200.0 / this.audioBuckets.length}
+                    barWidth={2}
                     pos={this.props.duration}
                     duration={this.props.duration}
                     peaks={this.audioBuckets}
-                    progressColor={Colors.MEDIUM_BLUE}
+                    progressColor={Colors.MEDIUM_BLUE_ALT}
                 />
             </div>
         );
     }
 }
+
+
+// export interface WaveformProps {
+//     barWidth: number;
+//     width: () => number;
+//     height: () => number;
+//     peaks: number[];
+//     color: string;
+// }
+
+// export class Waveform extends React.Component<WaveformProps> {
+
+// }
\ No newline at end of file