aboutsummaryrefslogtreecommitdiff
path: root/src/client/views/nodes/RecordingBox/ProgressBar.tsx
diff options
context:
space:
mode:
authorMichael Foiani <sotech117@Michaels-MacBook-Pro-5.local>2022-06-09 16:42:40 -0400
committerMichael Foiani <sotech117@Michaels-MacBook-Pro-5.local>2022-06-09 16:42:40 -0400
commit42fd1da5c1334803202e73c83fa1efbd7eeba96c (patch)
tree7e3fdaa9848fed651e32d29df7a9ea45bda8a766 /src/client/views/nodes/RecordingBox/ProgressBar.tsx
parentf52e07fb2d1355fe783f05ced76555fa9980b692 (diff)
small ui + comments
Diffstat (limited to 'src/client/views/nodes/RecordingBox/ProgressBar.tsx')
-rw-r--r--src/client/views/nodes/RecordingBox/ProgressBar.tsx11
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