partially added dragging timeline markers

1 files changed, 24 insertions, 37 deletions

diff --git a/src/client/views/nodes/AudioBox.scss b/src/client/views/nodes/AudioBox.scss
index cf9d97128..6adda4730 100644
--- a/src/client/views/nodes/AudioBox.scss
+++ b/src/client/views/nodes/AudioBox.scss
@@ -45,23 +45,24 @@
   }
 
   .audiobox-record-interactive,
-  .audiobox-record {
-    pointer-events: all;
-    width: 100%;
-    height: 100%;
-    position: inherit;
-    display: flex;
-    position: relative;
-    cursor: default;
+    .audiobox-record {
+        pointer-events: all;
+        cursor: pointer;
+        width: 100%;
+        height: 100%;
+        position: relative;
+        display: flex;
+        flex-direction: row;
+        align-items: center;
+        justify-content: center;
+        gap: 10px;
+        color: white;
+        font-weight: bold;
+    }
 
-  .audiobox-record {
-    pointer-events: none;
-    color: white;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: $large-header;
-  }
+    .audiobox-record {
+        pointer-events: none;
+    }
 
   .recording {
     margin-top: auto;
@@ -132,26 +133,6 @@
         pointer-events: all;
     }
 
-    .audiobox-record-interactive,
-    .audiobox-record {
-        pointer-events: all;
-        cursor: pointer;
-        width: 100%;
-        height: 100%;
-        position: relative;
-        display: flex;
-        flex-direction: row;
-        align-items: center;
-        justify-content: center;
-        gap: 10px;
-        color: white;
-        font-weight: bold;
-    }
-
-    .audiobox-record {
-        pointer-events: none;
-    }
-
     .recording {
         margin-top: auto;
         margin-bottom: auto;
@@ -281,6 +262,12 @@
             .audioBox-total-time {
                 right: 2px;
             }
+
+            .audiobox-zoom {
+                bottom: 0;
+                left: 30px;
+                width: 70px;
+            }
         }
     }
 }
@@ -305,4 +292,4 @@
     .audiobox-container-interactive .audiobox-controls .audiobox-player .audiobox-buttons {
         width: 70px;
     }
-}
\ No newline at end of file
+}