From 0a2529330d5ca2222ca24beff7d242940a584a0a Mon Sep 17 00:00:00 2001
From: Isaac Abadi <IsaacMGrynsztein@gmail.com>
Date: Sun, 18 Jul 2021 18:10:33 -0600
Subject: [PATCH] Fixes issue in some browsers where the audio player
 disappears

---
 src/app/player/player.component.css  | 1 -
 src/app/player/player.component.html | 2 +-
 src/themes.ts                        | 2 ++
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/app/player/player.component.css b/src/app/player/player.component.css
index 202b80d..dcd9d4c 100644
--- a/src/app/player/player.component.css
+++ b/src/app/player/player.component.css
@@ -9,7 +9,6 @@
 
 .audio-styles {
     height: 50px;
-    background-color: transparent;
     width: 100%;
 }
 
diff --git a/src/app/player/player.component.html b/src/app/player/player.component.html
index 79e4755..a0dd7d2 100644
--- a/src/app/player/player.component.html
+++ b/src/app/player/player.component.html
@@ -3,7 +3,7 @@
             <div style="max-width: 100%; margin-left: 0px; height: 100%">
                 <mat-drawer-container style="height: 100%" class="example-container" autosize>
                     <div style="height: fit-content" [ngClass]="(currentItem.type === 'audio/mp3') ? 'audio-col' : 'video-col'">
-                        <vg-player style="height: fit-content; max-height: 75vh" (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(currentItem.type === 'audio/mp3') ? 'transparent' : 'black'">
+                        <vg-player style="height: fit-content; max-height: 75vh" (onPlayerReady)="onPlayerReady($event)" [style.background-color]="(currentItem.type === 'audio/mp3') ? postsService.theme.drawer_color : 'black'">
                             <video [ngClass]="(currentItem.type === 'audio/mp3') ? 'audio-styles' : 'video-styles'" #media class="video-player" [vgMedia]="media" [src]="currentItem.src" id="singleVideo" preload="auto" controls>
                             </video>
                         </vg-player>
diff --git a/src/themes.ts b/src/themes.ts
index cfe2590..5dde89d 100644
--- a/src/themes.ts
+++ b/src/themes.ts
@@ -5,6 +5,7 @@ const THEMES_CONFIG = {
         'alternate_color': 'gray',
         'ghost_primary': '#f9f9f9',
         'ghost_secondary': '#ecebeb',
+        'drawer_color': '#fafafa',
         'css_label': 'default-theme',
         'social_theme': 'material-light'
     },
@@ -14,6 +15,7 @@ const THEMES_CONFIG = {
         'alternate_color': '#695959',
         'ghost_primary': '#444444',
         'ghost_secondary': '#141414',
+        'drawer_color': '#303030',
         'css_label': 'dark-theme',
         'social_theme': 'material-dark'
     },