From 866b0b9121da0794e00b44bfee559364837c26d4 Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Tue, 21 May 2024 21:33:00 +0100
Subject: [🐴] Fix convo menu overlap (web) (#4153)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* add right padding to chatlistitem to avoid overlap

* reduce padding amount
---
 src/screens/Messages/List/ChatListItem.tsx | 45 +++++++++++++-----------------
 1 file changed, 19 insertions(+), 26 deletions(-)

(limited to 'src')

diff --git a/src/screens/Messages/List/ChatListItem.tsx b/src/screens/Messages/List/ChatListItem.tsx
index ce0c7eee8..47a5772ad 100644
--- a/src/screens/Messages/List/ChatListItem.tsx
+++ b/src/screens/Messages/List/ChatListItem.tsx
@@ -192,7 +192,7 @@ function ChatListItemReady({
               moderation={moderation.ui('avatar')}
             />
 
-            <View style={[a.flex_1, a.justify_center]}>
+            <View style={[a.flex_1, a.justify_center, web({paddingRight: 45})]}>
               <View style={[a.w_full, a.flex_row, a.align_end, a.pb_2xs]}>
                 <Text
                   numberOfLines={1}
@@ -260,32 +260,25 @@ function ChatListItemReady({
                 ]}>
                 {lastMessage}
               </Text>
-
-              {convo.unreadCount > 0 && (
-                <View
-                  style={[
-                    a.absolute,
-                    a.rounded_full,
-                    {
-                      backgroundColor: isDimStyle
-                        ? t.palette.contrast_200
-                        : t.palette.primary_500,
-                      height: 7,
-                      width: 7,
-                    },
-                    isNative
-                      ? {
-                          top: 15,
-                          right: 12,
-                        }
-                      : {
-                          top: 0,
-                          right: 0,
-                        },
-                  ]}
-                />
-              )}
             </View>
+
+            {convo.unreadCount > 0 && (
+              <View
+                style={[
+                  a.absolute,
+                  a.rounded_full,
+                  {
+                    backgroundColor: isDimStyle
+                      ? t.palette.contrast_200
+                      : t.palette.primary_500,
+                    height: 7,
+                    width: 7,
+                    top: 15,
+                    right: 12,
+                  },
+                ]}
+              />
+            )}
           </View>
         )}
       </Link>
-- 
cgit 1.4.1