small ui + comments

2 files changed, 7 insertions, 10 deletions

diff --git a/src/client/views/nodes/RecordingBox/ProgressBar.scss b/src/client/views/nodes/RecordingBox/ProgressBar.scss
index 7aa241b8e..9697f8b17 100644
--- a/src/client/views/nodes/RecordingBox/ProgressBar.scss
+++ b/src/client/views/nodes/RecordingBox/ProgressBar.scss
@@ -5,7 +5,7 @@
   text-align: center;
 
   align-items: center;
-  cursor: pointer;
+  cursor: default;
 
 
       position: absolute;
@@ -50,10 +50,6 @@
   text-align: center;
 }
 
-// .no-transition {
-//   transition-duration: 0s;
-// }
-
 .segment-expanding {
 border-color: red;
   background-color: white;
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