added change markers and formatted time and added resizer

1 files changed, 26 insertions, 1 deletions

diff --git a/src/client/views/nodes/AudioBox.scss b/src/client/views/nodes/AudioBox.scss
index b1da40287..8eb92f126 100644
--- a/src/client/views/nodes/AudioBox.scss
+++ b/src/client/views/nodes/AudioBox.scss
@@ -118,7 +118,7 @@
 
             .audiobox-timeline {
                 position: relative;
-                height: 100%;
+                height: 80%;
                 width: 100%;
                 background: white;
                 border: gray solid 1px;
@@ -184,6 +184,8 @@
                     background: gray;
                     border-radius: 5px;
                     box-shadow: black 2px 2px 1px;
+                    resize: horizontal;
+                    overflow: auto;
 
                     .audiobox-marker {
                         position: relative;
@@ -216,6 +218,15 @@
                     .audio-marker:hover {
                         border: orange 2px solid;
                     }
+
+                    .resizer {
+                        position: absolute;
+                        right: 0;
+                        cursor: ew-resize;
+                        height: 100%;
+                        width: 1px;
+                        z-index: 100;
+                    }
                 }
 
                 .audiobox-marker-container1:hover,
@@ -234,6 +245,20 @@
                     }
                 }
             }
+
+            .current-time {
+                position: absolute;
+                font-size: 12;
+                top: 70%;
+                left: 23%;
+            }
+
+            .total-time {
+                position: absolute;
+                left: 80%;
+                top: 70%;
+                font-size: 12;
+            }
         }
     }
 }