From e3029b12b7c0b1637cb08ecb9fe23396f56e6b7c Mon Sep 17 00:00:00 2001
From: Pablo Martinez Garcia <pmartinezga@gmail.com>
Date: Fri, 26 Feb 2021 17:58:44 +0100
Subject: [PATCH] [ATS-873] Fix Subtitles in audio files (#6742)

* ATS-873 Fix Subtitiles in audio files

* ATS-873 Fix unit tests
---
 lib/core/viewer/components/media-player.component.html | 2 +-
 lib/core/viewer/components/media-player.component.scss | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/lib/core/viewer/components/media-player.component.html b/lib/core/viewer/components/media-player.component.html
index 9f53f25612..7205d76db7 100644
--- a/lib/core/viewer/components/media-player.component.html
+++ b/lib/core/viewer/components/media-player.component.html
@@ -1,4 +1,4 @@
-<video controls>
+<video controls [ngClass]="{'adf-audio-file': mimeType && mimeType.startsWith('audio')}">
     <source [src]="urlFile" [type]="mimeType" (error)="onMediaPlayerError()"/>
     <track *ngFor="let track of tracks" [kind]="track.kind" [label]="track.label" [srclang]="track.srclang" [src]="track.src"/>
 </video>
diff --git a/lib/core/viewer/components/media-player.component.scss b/lib/core/viewer/components/media-player.component.scss
index 340f418ca9..d4cd2fee06 100644
--- a/lib/core/viewer/components/media-player.component.scss
+++ b/lib/core/viewer/components/media-player.component.scss
@@ -7,4 +7,9 @@
         max-height: 90vh;
         max-width: 100%;
     }
+
+    video.adf-audio-file::-webkit-media-text-track-display {
+        -webkit-transform: translateY(-50%) !important;
+        transform: translateY(-50%) !important;
+    }
 }