From 3b3695cfc5674a93c0ecee4d2af5d8ba8c8cfb70 Mon Sep 17 00:00:00 2001 From: mehekj Date: Sun, 5 Jun 2022 12:02:24 -0400 Subject: fade full screen controls --- src/client/views/nodes/VideoBox.scss | 11 ++--------- 1 file changed, 2 insertions(+), 9 deletions(-) (limited to 'src/client/views/nodes/VideoBox.scss') 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; } } -- cgit v1.2.3-70-g09d2