some video player css

1 files changed, 40 insertions, 4 deletions

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;
+}