From 89c64264ddd0186e77685d088deb67cc9b25b515 Mon Sep 17 00:00:00 2001
From: Jules Laplace <julescarbon@gmail.com>
Date: Tue, 10 Nov 2020 16:22:18 +0100
Subject: adjust scrubber ui if no cc

---
 .../frontend/app/views/viewer/player/components.media/media.css      | 5 ++++-
 .../app/views/viewer/player/components.media/video.scrubber.js       | 2 +-
 2 files changed, 5 insertions(+), 2 deletions(-)

(limited to 'animism-align/frontend/app')

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 63b4dc2..3c688bd 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
@@ -400,13 +400,16 @@
   pointer-events: none;
 }
 .video-scrubber .end-controls {
-  width: 9rem;
+  width: 7rem;
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   color: black;
 }
+.video-scrubber .end-controls.has-cc {
+  width: 9rem;
+}
 .video-scrubber .playerTime {
   display: flex;
   align-items: center;
diff --git a/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js b/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
index 4fef8d6..e43c7ec 100644
--- a/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
+++ b/animism-align/frontend/app/views/viewer/player/components.media/video.scrubber.js
@@ -140,7 +140,7 @@ class VideoScrubber extends Component {
             {timestampText}
           </div>
         </div>
-        <div className='end-controls'>
+        <div className={mediaItem.settings.subtitles ? 'end-controls has-cc' : 'end-controls'}>
           <div className='playerTime'>
             {timestampText}
           </div>
-- 
cgit v1.2.3-70-g09d2