diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-09-23 16:31:56 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-09-23 16:31:56 +0200 |
| commit | c40b00512768088cefb591da7060d108d1d4764e (patch) | |
| tree | f50e2455e6e1392635c789de5bb97d66903c497f /animism-align/frontend/app/views/viewer/player/components.media/media.css | |
| parent | 9f707dfa8c0b2d38d4d81c1cf0df38df494a49b2 (diff) | |
scrubber timestamp
Diffstat (limited to 'animism-align/frontend/app/views/viewer/player/components.media/media.css')
| -rw-r--r-- | animism-align/frontend/app/views/viewer/player/components.media/media.css | 19 |
1 files changed, 18 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 653a53b..f1f3e90 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 @@ -354,4 +354,21 @@ .video-scrubber .playerTime { display: flex; align-items: center; -}
\ No newline at end of file +} +.video-scrubber .scrub-timestamp { + position: absolute; + top: -3rem; + padding: 0.5rem; + background: black; + color: white; + text-align: center; + border-radius: 1rem; + width: 3rem; + margin-left: -1.5rem; + opacity: 0.0; + transition: opacity 0.1s; +} +.video-scrubber .scrub-bar-container:hover .scrub-timestamp { + opacity: 1.0; +} + |