diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-11-05 17:16:48 +0100 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-11-05 17:16:48 +0100 |
| commit | 3d8e622e30dbb687b52a1ee7dfc8b04b0596d9eb (patch) | |
| tree | 6601e98a4766521421df9d8c3eeb1e4b582f651a /animism-align/frontend/app/views/viewer/player/components.media | |
| parent | 6916799d455c74ca18ba2de086983541fa6d3fc6 (diff) | |
scrubber when nav is open. dont shrink content?
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.media')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.media/media.css | 6 |
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; } |