From 42fd1da5c1334803202e73c83fa1efbd7eeba96c Mon Sep 17 00:00:00 2001 From: Michael Foiani Date: Thu, 9 Jun 2022 16:42:40 -0400 Subject: small ui + comments --- src/client/views/nodes/RecordingBox/ProgressBar.scss | 6 +----- src/client/views/nodes/RecordingBox/ProgressBar.tsx | 11 ++++++----- 2 files changed, 7 insertions(+), 10 deletions(-) (limited to 'src') 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 ( -
- {segments} -
- ) + return ( +
+ {segments} +
+ ) } \ No newline at end of file -- cgit v1.2.3-70-g09d2