context menu + repositioning + interpolation and data

1 files changed, 21 insertions, 8 deletions

diff --git a/src/client/views/nodes/Timeline.scss b/src/client/views/nodes/Timeline.scss
index 44b6cf03e..a416cbb1c 100644
--- a/src/client/views/nodes/Timeline.scss
+++ b/src/client/views/nodes/Timeline.scss
@@ -1,5 +1,11 @@
 @import "./../globalCssVariables.scss"; 
 
+.minimize{
+    position:relative; 
+    z-index: 1000; 
+    height: 30px; 
+    width: 100px; 
+}
 .flyout-container{
     background-color: transparent; 
     position:absolute;         
@@ -15,17 +21,22 @@
         width: 100%; 
         height: 100%; 
     }
-    div{ 
-        color: white; 
-        position:absolute; 
-        top:30px; 
-        left:0px;  
+    .input-container{
+        position: absolute; 
+        right:0px; 
+        top: 30px; 
+        width: 70px; 
+        input{
+            width: 100%; 
+        }
     }
-    input{
+    .text-container{
         position:absolute; 
-        width: 40px; 
-        right:0px; 
+        top:30px; 
+        left:0px; 
+        color:white
     }
+    
    
 }
 
@@ -35,6 +46,8 @@
     position:absolute;
     background-color: $light-color-secondary;
     box-shadow: 0px 10px 20px; 
+    transition: transform 1000ms ease-in-out; 
+
     .toolbox{
         position:absolute; 
         width: 100%;