Skip to content

Commit b03a705

Browse files
committed
fix: message reply border in RTL mode
1 parent ea8ad75 commit b03a705

File tree

1 file changed

+16
-8
lines changed

1 file changed

+16
-8
lines changed

package/src/components/Reply/Reply.tsx

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@ import {
33
I18nManager,
44
Image,
55
ImageProps,
6+
Platform,
67
StyleSheet,
78
Text,
89
TextStyle,
@@ -303,19 +304,26 @@ const useStyles = () => {
303304
paddingHorizontal: primitives.spacingXs,
304305
gap: primitives.spacingXxxs,
305306
alignItems: 'flex-start',
306-
...(isRTL
307+
...(Platform.OS === 'android'
307308
? {
308-
borderRightColor: isMyMessage
309-
? semantics.chatReplyIndicatorOutgoing
310-
: semantics.chatReplyIndicatorIncoming,
311-
borderRightWidth: 2,
312-
}
313-
: {
314309
borderLeftColor: isMyMessage
315310
? semantics.chatReplyIndicatorOutgoing
316311
: semantics.chatReplyIndicatorIncoming,
317312
borderLeftWidth: 2,
318-
}),
313+
}
314+
: isRTL
315+
? {
316+
borderRightColor: isMyMessage
317+
? semantics.chatReplyIndicatorOutgoing
318+
: semantics.chatReplyIndicatorIncoming,
319+
borderRightWidth: 2,
320+
}
321+
: {
322+
borderLeftColor: isMyMessage
323+
? semantics.chatReplyIndicatorOutgoing
324+
: semantics.chatReplyIndicatorIncoming,
325+
borderLeftWidth: 2,
326+
}),
319327
},
320328
rightContainer: {},
321329
title: {

0 commit comments

Comments
 (0)