From c10cb8e97276f644601e6939f5319bb00ffcbdbf Mon Sep 17 00:00:00 2001
From: Micah Maligie <jmaligie@gmail.com>
Date: Thu, 7 Sep 2023 18:13:28 -0700
Subject: 💅 disallow overflow outside of post content area(s) (#1395)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/view/com/posts/FeedItem.tsx               | 1 +
 src/view/com/util/moderation/ContentHider.tsx | 7 +++++--
 2 files changed, 6 insertions(+), 2 deletions(-)

(limited to 'src')

diff --git a/src/view/com/posts/FeedItem.tsx b/src/view/com/posts/FeedItem.tsx
index de08af746..bc7b7a7e6 100644
--- a/src/view/com/posts/FeedItem.tsx
+++ b/src/view/com/posts/FeedItem.tsx
@@ -349,6 +349,7 @@ const styles = StyleSheet.create({
     paddingLeft: 10,
     paddingRight: 15,
     cursor: 'pointer',
+    overflow: 'hidden',
   },
   outerSmallTop: {
     borderTopWidth: 0,
diff --git a/src/view/com/util/moderation/ContentHider.tsx b/src/view/com/util/moderation/ContentHider.tsx
index 6cf1cefd0..4f917844a 100644
--- a/src/view/com/util/moderation/ContentHider.tsx
+++ b/src/view/com/util/moderation/ContentHider.tsx
@@ -29,7 +29,7 @@ export function ContentHider({
 
   if (!moderation.blur || (ignoreMute && moderation.cause?.type === 'muted')) {
     return (
-      <View testID={testID} style={style}>
+      <View testID={testID} style={[styles.outer, style]}>
         {children}
       </View>
     )
@@ -37,7 +37,7 @@ export function ContentHider({
 
   const desc = describeModerationCause(moderation.cause, 'content')
   return (
-    <View testID={testID} style={style}>
+    <View testID={testID} style={[styles.outer, style]}>
       <Pressable
         onPress={() => {
           if (!moderation.noOverride) {
@@ -90,6 +90,9 @@ export function ContentHider({
 }
 
 const styles = StyleSheet.create({
+  outer: {
+    overflow: 'hidden',
+  },
   cover: {
     flexDirection: 'row',
     alignItems: 'center',
-- 
cgit 1.4.1