diff options
| author | Jules Laplace <julescarbon@gmail.com> | 2020-09-22 16:32:35 +0200 |
|---|---|---|
| committer | Jules Laplace <julescarbon@gmail.com> | 2020-09-22 16:32:35 +0200 |
| commit | 5e4b9365a5f71827aafd674f97464441707c5d3c (patch) | |
| tree | 2deaa68635b3efe10429df208dcf1cbae5b575e3 /animism-align/frontend/app/views/viewer/player/components.media | |
| parent | 5bbb92e4887e52889f90dd0453fec0fd41a5d8ed (diff) | |
scrub bar
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 | 31 |
1 files changed, 31 insertions, 0 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 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; +} |