From 6371296b2869ae2c1885191eec82d9229279a804 Mon Sep 17 00:00:00 2001
From: Akinwale Ariwodola <akinwale@gmail.com>
Date: Wed, 1 May 2019 12:45:04 +0100
Subject: [PATCH] fix transparent player background covering touchable items

---
 app/src/page/file/view.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/src/page/file/view.js b/app/src/page/file/view.js
index 42da2f5a..f032d5db 100644
--- a/app/src/page/file/view.js
+++ b/app/src/page/file/view.js
@@ -451,8 +451,8 @@ class FilePage extends React.PureComponent {
         const playerStyle = [filePageStyle.player,
           this.state.isLandscape ? filePageStyle.containedPlayerLandscape :
           (this.state.fullscreenMode ? filePageStyle.fullscreenPlayer : filePageStyle.containedPlayer)];
-        const playerBgStyle = [filePageStyle.playerBackground, this.state.fullscreenMode ?
-          filePageStyle.fullscreenPlayerBackground : filePageStyle.containedPlayerBackground];
+        const playerBgStyle = [filePageStyle.playerBackground, filePageStyle.containedPlayerBackground];
+        const fsPlayerBgStyle = [filePageStyle.playerBackground, filePageStyle.fullscreenPlayerBackground];
         // at least 2MB (or the full download) before media can be loaded
         const canLoadMedia = fileInfo &&
           (fileInfo.written_bytes >= 2097152 || fileInfo.written_bytes == fileInfo.total_bytes); // 2MB = 1024*1024*2
@@ -535,6 +535,7 @@ class FilePage extends React.PureComponent {
                        this.setState({ playerBgHeight: evt.nativeEvent.layout.height });
                      }
                    }} />}
+                {(canLoadMedia && fileInfo && isPlayable && this.state.fullscreenMode) && <View style={fsPlayerBgStyle} />}
                 {(canLoadMedia && fileInfo && isPlayable) &&
                   <MediaPlayer
                     fileInfo={fileInfo}