zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

[🐴] Fix convo menu overlap (web) (#4153) 

* add right padding to chatlistitem to avoid overlap

* reduce padding amount
zio/stable
Samuel Newman 2024-05-21 21:33:00 +01:00 committed by GitHub
parent 630b9b7786
commit 866b0b9121
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 19 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/screens/Messages/List/ChatListItem.tsx
View File

@ -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>