From 5e4b9365a5f71827aafd674f97464441707c5d3c Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Tue, 22 Sep 2020 16:32:35 +0200 Subject: scrub bar --- .../views/viewer/player/components.media/media.css | 31 ++++++++++++++++++++++ 1 file changed, 31 insertions(+) (limited to 'animism-align/frontend/app/views/viewer/player/components.media') 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 f890234..7bb3038 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 @@ -290,3 +290,34 @@ .black .vitrine-item:hover .zoomPlus { opacity: 1.0; } + +/* video scrubber */ + +.video-scrubber { + position: absolute; + bottom: 5rem; + left: 50%; + width: 300px; + height: 16px; + margin-left: -150px; + cursor: pointer; +} +.video-scrubber .scrub-bar { + position: absolute; + top: 7px; + left: 0; + width: 100%; + height: 2px; + background: white; +} +.video-scrubber .scrub-dot { + position: absolute; + top: 0; + left: 0; + width: 16px; + height: 16px; + margin-left: -8px; + border-radius: 50%; + background: white; + cursor: pointer; +} -- cgit v1.2.3-70-g09d2