fade full screen controls

1 files changed, 2 insertions, 9 deletions

diff --git a/src/client/views/nodes/VideoBox.scss b/src/client/views/nodes/VideoBox.scss
index 1fb5cef98..b97e90bd9 100644
--- a/src/client/views/nodes/VideoBox.scss
+++ b/src/client/views/nodes/VideoBox.scss
@@ -86,15 +86,13 @@
     align-items: center;
     justify-content: center;
     display: flex;
-    // visibility: none;
-    // opacity: 0;
     background-color: $dark-gray;
     color: white;
     border-radius: 100px;
     z-index: 2001;
     min-width: 300px;
     
-    transition: top 0.5s, width 0.5s, opacity 0.2s, visibility 0s;
+    transition: top 0.5s, width 0.5s, opacity 0.2s, visibility 0.2s;
     height: 50px;
     padding: 0 10px 0 7px;
 
@@ -161,16 +159,11 @@
     align-items: flex-end;
 
     .videoBox-ui {
-        // opacity: 0;
         left: 50%;
         top: 90%;
         transform: translate(-50%, -50%);
         width: 80%;
-        transition: none;
-    }
-
-    .videoBox-ui:hover {
-        opacity: 1;
+        transition: top 0s, width 0s, opacity 0.3s, visibility 0.3s;
     }
 }