bugfix: video embed animations

rosenpass · Aug 12, 2024 · 761abf2 · 761abf2
1 parent b54a1b4
commit 761abf2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/layouts/shortcodes/blocks/video-embed.html b/layouts/shortcodes/blocks/video-embed.html
@@ -108,7 +108,10 @@ <h6 class="mb-2 ps-3 text-muted">
     videoOverlay.disabled = true;
     fadeIn(dataAccept);
     videoCard.classList.add("permission");
-    videoOverlay.disabled = false;
+    setTimeout(() => {
+      videoOverlay.disabled = false;
+      videoCard.classList.remove("permission");
+    }, 2000);
 });
 
 // Accept

diff --git a/static/css/rosenpass.css b/static/css/rosenpass.css
@@ -692,6 +692,7 @@ background-color: #00000095;
 }
 
 #video-card {
+  transition: all 1s;
   opacity: 0.7;
   background-color: #FFF;
   box-shadow: 0.25rem 0.25rem 0.25rem #00000050;
@@ -739,6 +740,7 @@ background-color: #00000095;
 }
 
 #video {
+  transition: all 1s;
   border-radius: 1rem;
   position: absolute;
   top: 0;
@@ -750,6 +752,7 @@ background-color: #00000095;
 }
 
 #video-screenshot{
+  transition: all 1s;
   border-radius: 1rem;
 }