diff options
author | Michael Foiani <sotech117@Michaels-MacBook-Pro-5.local> | 2022-06-09 16:42:40 -0400 |
---|---|---|
committer | Michael Foiani <sotech117@Michaels-MacBook-Pro-5.local> | 2022-06-09 16:42:40 -0400 |
commit | 42fd1da5c1334803202e73c83fa1efbd7eeba96c (patch) | |
tree | 7e3fdaa9848fed651e32d29df7a9ea45bda8a766 /src/client/views/nodes/RecordingBox/ProgressBar.tsx | |
parent | f52e07fb2d1355fe783f05ced76555fa9980b692 (diff) |
small ui + comments
Diffstat (limited to 'src/client/views/nodes/RecordingBox/ProgressBar.tsx')
-rw-r--r-- | src/client/views/nodes/RecordingBox/ProgressBar.tsx | 11 |
1 files changed, 6 insertions, 5 deletions
diff --git a/src/client/views/nodes/RecordingBox/ProgressBar.tsx b/src/client/views/nodes/RecordingBox/ProgressBar.tsx index 7aa84a70f..b1ff88ba3 100644 --- a/src/client/views/nodes/RecordingBox/ProgressBar.tsx +++ b/src/client/views/nodes/RecordingBox/ProgressBar.tsx @@ -255,6 +255,7 @@ export function ProgressBar(props: ProgressBarProps) { } + // functions for the floating segment that tracks the cursor while grabbing it const initDeatchSegment = (dot: HTMLDivElement, rect: DOMRect) => { dot.classList.add("segment-selected") dot.style.transitionDuration = '0s'; @@ -276,9 +277,9 @@ export function ProgressBar(props: ProgressBarProps) { } - return ( - <div className="progressbar" id="progressbar" onPointerDown={onPointerDown} ref={progressBarRef}> - {segments} - </div> - ) + return ( + <div className="progressbar" id="progressbar" onPointerDown={onPointerDown} ref={progressBarRef}> + {segments} + </div> + ) }
\ No newline at end of file |