forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 💫
[🐴] Fix convo menu overlap (web) (#4153)
* add right padding to chatlistitem to avoid overlap
* reduce padding amount
authored by
Samuel Newman
and committed by
GitHub
866b0b91
630b9b77
+19
-26
+19
-26
src/screens/Messages/List/ChatListItem.tsx
+19
-26
src/screens/Messages/List/ChatListItem.tsx
···
192
192
moderation={moderation.ui('avatar')}
193
193
/>
194
194
195
-
<View style={[a.flex_1, a.justify_center]}>
195
+
<View style={[a.flex_1, a.justify_center, web({paddingRight: 45})]}>
196
196
<View style={[a.w_full, a.flex_row, a.align_end, a.pb_2xs]}>
197
197
<Text
198
198
numberOfLines={1}
···
260
260
]}>
261
261
{lastMessage}
262
262
</Text>
263
+
</View>
263
264
264
-
{convo.unreadCount > 0 && (
265
-
<View
266
-
style={[
267
-
a.absolute,
268
-
a.rounded_full,
269
-
{
270
-
backgroundColor: isDimStyle
271
-
? t.palette.contrast_200
272
-
: t.palette.primary_500,
273
-
height: 7,
274
-
width: 7,
275
-
},
276
-
isNative
277
-
? {
278
-
top: 15,
279
-
right: 12,
280
-
}
281
-
: {
282
-
top: 0,
283
-
right: 0,
284
-
},
285
-
]}
286
-
/>
287
-
)}
288
-
</View>
265
+
{convo.unreadCount > 0 && (
266
+
<View
267
+
style={[
268
+
a.absolute,
269
+
a.rounded_full,
270
+
{
271
+
backgroundColor: isDimStyle
272
+
? t.palette.contrast_200
273
+
: t.palette.primary_500,
274
+
height: 7,
275
+
width: 7,
276
+
top: 15,
277
+
right: 12,
278
+
},
279
+
]}
280
+
/>
281
+
)}
289
282
</View>
290
283
)}
291
284
</Link>