scrubber when nav is open. dont shrink content?

1 files changed, 5 insertions, 1 deletions

diff --git a/animism-align/frontend/app/views/viewer/player/components.media/media.css b/animism-align/frontend/app/views/viewer/player/components.media/media.css
index ffb3988..5f4b84f 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/media.css
+++ b/animism-align/frontend/app/views/viewer/player/components.media/media.css
@@ -329,10 +329,14 @@
   display: flex;
   align-items: center;
   opacity: 0.0;
-  transition: opacity 0.2s;
+  transition: opacity 0.2s, transform 0.2s;
+  transform: translateZ(0);
   font-size: 1rem;
   z-index: 1;
 }
+.nav-open .video-scrubber {
+  transform: translateZ(0) translateY(-22rem);
+}
 .video-scrubber.show {
   opacity: 1.0;
 }