From abad9c92aeab023fe960b01c5e741ac88ccb2a2a Mon Sep 17 00:00:00 2001
From: Hailey <me@haileyok.com>
Date: Tue, 5 Mar 2024 17:57:04 -0800
Subject: [PATCH] fix some border radius problems on fabric (#3118)

* fix some border radi

* fix notifications image border radius

* types
---
 src/view/com/util/UserAvatar.tsx           | 4 ++--
 src/view/com/util/fab/FABInner.tsx         | 3 +++
 src/view/com/util/images/ImageHorzList.tsx | 1 +
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/view/com/util/UserAvatar.tsx b/src/view/com/util/UserAvatar.tsx
index f673db1ee1..e5e7776fc2 100644
--- a/src/view/com/util/UserAvatar.tsx
+++ b/src/view/com/util/UserAvatar.tsx
@@ -164,7 +164,7 @@ let UserAvatar = ({
         <Image
           accessibilityIgnoresInvertColors
           testID="userAvatarImage"
-          style={aviStyle}
+          style={[aviStyle, {overflow: 'hidden'}]}
           resizeMode="cover"
           source={{uri: avatar}}
           blurRadius={moderation?.blur ? BLUR_AMOUNT : 0}
@@ -172,7 +172,7 @@ let UserAvatar = ({
       ) : (
         <HighPriorityImage
           testID="userAvatarImage"
-          style={aviStyle}
+          style={[aviStyle, {overflow: 'hidden'}]}
           contentFit="cover"
           source={{uri: avatar}}
           blurRadius={moderation?.blur ? BLUR_AMOUNT : 0}
diff --git a/src/view/com/util/fab/FABInner.tsx b/src/view/com/util/fab/FABInner.tsx
index 4ff4796e3c..24612ceb37 100644
--- a/src/view/com/util/fab/FABInner.tsx
+++ b/src/view/com/util/fab/FABInner.tsx
@@ -58,16 +58,19 @@ const styles = StyleSheet.create({
     width: 60,
     height: 60,
     borderRadius: 30,
+    overflow: 'hidden',
   },
   sizeLarge: {
     width: 70,
     height: 70,
     borderRadius: 35,
+    overflow: 'hidden',
   },
   outer: {
     // @ts-ignore web-only
     position: isWeb ? 'fixed' : 'absolute',
     zIndex: 1,
+    overflow: 'hidden',
   },
   inner: {
     justifyContent: 'center',
diff --git a/src/view/com/util/images/ImageHorzList.tsx b/src/view/com/util/images/ImageHorzList.tsx
index e37f8af1b7..fb579d8285 100644
--- a/src/view/com/util/images/ImageHorzList.tsx
+++ b/src/view/com/util/images/ImageHorzList.tsx
@@ -33,5 +33,6 @@ const styles = StyleSheet.create({
     height: 100,
     borderRadius: 4,
     marginRight: 5,
+    overflow: 'hidden',
   },
 })