diff options
| author | Samuel Newman <mozzius@protonmail.com> | 2024-05-21 21:33:00 +0100 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-05-21 15:33:00 -0500 |
| commit | 866b0b9121da0794e00b44bfee559364837c26d4 (patch) | |
| tree | 4ec4053a93617e4bf591eae3f7985e417ec6654d /src | |
| parent | 630b9b77869a6f82355888a1a859198932f1f8a7 (diff) | |
| download | voidsky-866b0b9121da0794e00b44bfee559364837c26d4.tar.zst | |
[🐴] Fix convo menu overlap (web) (#4153)
* add right padding to chatlistitem to avoid overlap * reduce padding amount
Diffstat (limited to 'src')
| -rw-r--r-- | src/screens/Messages/List/ChatListItem.tsx | 45 |
1 files changed, 19 insertions, 26 deletions
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> |