From 57f0c678967d18fc16a0b67b9495e0c6231b5e07 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Wed, 9 Sep 2020 16:38:52 +0200 Subject: some video player css --- .../app/views/viewer/player/player.fullscreen.css | 44 ++++++++++++++++++++-- 1 file changed, 40 insertions(+), 4 deletions(-) (limited to 'animism-align/frontend/app/views/viewer/player/player.fullscreen.css') diff --git a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css index c8c897c..d1ca5e7 100644 --- a/animism-align/frontend/app/views/viewer/player/player.fullscreen.css +++ b/animism-align/frontend/app/views/viewer/player/player.fullscreen.css @@ -57,7 +57,7 @@ /* video */ .viewer-fullscreen .video { - pointer-events: none; + position: relative; align-items: flex-start; } @@ -65,15 +65,51 @@ iframe { pointer-events: none; } -.viewer-fullscreen .video > div { +.viewer-fullscreen .video .vimeoPlayer { pointer-events: none; width: 100%; height: calc(100vh) !important; padding: 0 0 3rem 0 } -.viewer-fullscreen .video > div div { +.viewer-fullscreen .video .vimeoPlayer div { width: 100%; - height: 100%; + height: 100% !important; padding: 0 !important; } + +.fullscreen-element.video .video-nav { + position: absolute; + bottom: 0; + left: 0; + width: 100%; + height: 3rem; + font-size: 18px; + color: white; + z-index: 15; + display: flex; + flex-direction: row; + justify-content: space-between; +} + +.fullscreen-element.video .video-nav .video-title { + display: flex; + justify-content: flex-start; + align-items: center; + width: 33%; + background: black; + padding-left: 1rem; +} +.fullscreen-element.video .video-nav .video-playback { + display: flex; + justify-content: center; + align-items: center; + text-align: center; + width: 33%; + background: black; +} +.fullscreen-element.video .video-nav .video-next { + width: 33%; + pointer-events: none; + background: transparent; +} -- cgit v1.2.3-70-g09d2