fixed up videoBox timeline. changed video annotations to use displayTimecode and undisplayTimecode

1 files changed, 14 insertions, 10 deletions

diff --git a/src/client/views/nodes/VideoBox.scss b/src/client/views/nodes/VideoBox.scss
index 76edda847..8bba5d1ff 100644
--- a/src/client/views/nodes/VideoBox.scss
+++ b/src/client/views/nodes/VideoBox.scss
@@ -13,15 +13,13 @@
 
     .audiobox-timeline {
         position: absolute;
-        height: 20%;
         width: 100%;
-        bottom: 0px;
-        background: white;
+        background: beige;
         border: gray solid 1px;
         border-radius: 3px;
         z-index: 1000;
         overflow: hidden;
-        left: 0px;
+        bottom: 0;
 
         .audiobox-current {
             width: 1px;
@@ -46,18 +44,23 @@
             border-width: 1px;
         }
 
-        .audiobox-marker-container,
+        .audiobox-marker-timeline,
         .audiobox-marker-minicontainer {
             position: absolute;
             width: 10px;
             height: 10px;
             top: 2.5%;
-            background: gray;
             border-radius: 50%;
             box-shadow: black 2px 2px 1px;
             overflow: visible;
             cursor: pointer;
 
+            .left-resizer {
+                background: dimgrey;     
+            }
+            .resizer {
+                background: dimgrey;
+            }
             .audiobox-marker {
                 position: relative;
                 height: 100%;
@@ -77,10 +80,8 @@
             width: 10px;
             height: 90%;
             top: 2.5%;
-            background: gray;
             border-radius: 5px;
             box-shadow: black 2px 2px 1px;
-            opacity: 0.3;
 
             .audiobox-marker {
                 position: relative;
@@ -94,10 +95,12 @@
 
             .resizer {
                 position: absolute;
+                top: 0;
                 right: 0;
+                pointer-events: all;
                 cursor: ew-resize;
                 height: 100%;
-                width: 2px;
+                width: 10px;
                 z-index: 100;
             }
 
@@ -111,9 +114,10 @@
             .left-resizer {
                 position: absolute;
                 left: 0;
+                top: 0;
                 cursor: ew-resize;
                 height: 100%;
-                width: 2px;
+                width: 10px;
                 z-index: 100;
             }