From c40b00512768088cefb591da7060d108d1d4764e Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 23 Sep 2020 16:31:56 +0200 Subject: scrubber timestamp --- .../views/viewer/player/components.media/media.css | 19 ++++++++++++++++++- 1 file changed, 18 insertions(+), 1 deletion(-) (limited to 'animism-align/frontend/app/views/viewer/player/components.media/media.css') 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; +} + -- cgit v1.2.3-70-g09d2