From 5945eeda3b04afce14e3e21780c3d4def205d1c6 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Sun, 15 Sep 2024 15:30:36 -0500
Subject: [PATCH] Fix overflow, add bg to no-thumb state

---
 .../util/post-embeds/ExternalPlayerEmbed.tsx  | 42 ++++++++++++++-----
 1 file changed, 32 insertions(+), 10 deletions(-)

diff --git a/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx b/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx
index a71860d535..b8eb1a59ee 100644
--- a/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx
+++ b/src/view/com/util/post-embeds/ExternalPlayerEmbed.tsx
@@ -227,7 +227,15 @@ export function ExternalPlayer({
       <Animated.View
         ref={viewRef}
         collapsable={false}
-        style={[aspect, a.rounded_sm]}>
+        style={[
+          aspect,
+          a.rounded_sm,
+          a.overflow_hidden,
+          {
+            borderBottomLeftRadius: 0,
+            borderBottomRightRadius: 0,
+          },
+        ]}>
         {link.thumb && (!isPlayerActive || isLoading) ? (
           <>
             <Image
@@ -257,15 +265,29 @@ export function ExternalPlayer({
             />
           </>
         ) : (
-          <MediaInsetBorder
-            opaque
-            style={[
-              {
-                borderBottomLeftRadius: 0,
-                borderBottomRightRadius: 0,
-              },
-            ]}
-          />
+          <>
+            <Fill
+              style={[
+                a.rounded_sm,
+                {
+                  backgroundColor:
+                    t.name === 'light' ? t.palette.contrast_975 : 'black',
+                  borderBottomLeftRadius: 0,
+                  borderBottomRightRadius: 0,
+                  opacity: 0.3,
+                },
+              ]}
+            />
+            <MediaInsetBorder
+              opaque
+              style={[
+                {
+                  borderBottomLeftRadius: 0,
+                  borderBottomRightRadius: 0,
+                },
+              ]}
+            />
+          </>
         )}
         <PlaceholderOverlay
           isLoading={isLoading}