Fix create direct message styles (#6224)

This commit is contained in:
Elias Nahum
2022-05-05 08:53:27 -04:00
committed by GitHub
parent 5620a50975
commit 251ef0992b
2 changed files with 18 additions and 21 deletions

View File

@@ -42,7 +42,7 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
color: theme.centerChannelColor,
},
textContainer: {
marginLeft: 10,
paddingHorizontal: 10,
justifyContent: 'center',
flexDirection: 'column',
flex: 1,
@@ -54,6 +54,7 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
username: {
fontSize: 15,
color: theme.centerChannelColor,
maxWidth: '80%',
},
indicatorContainer: {
flexDirection: 'row',
@@ -169,23 +170,21 @@ export default function UserListRow({
/>
</View>
<View style={style.textContainer}>
<View>
<View style={style.indicatorContainer}>
<Text
style={style.username}
ellipsizeMode='tail'
numberOfLines={1}
testID={displayNameTestID}
>
{usernameDisplay}
</Text>
<BotTag
show={Boolean(user.is_bot)}
/>
<GuestTag
show={isGuest(user.roles)}
/>
</View>
<View style={style.indicatorContainer}>
<Text
style={style.username}
ellipsizeMode='tail'
numberOfLines={1}
testID={displayNameTestID}
>
{usernameDisplay}
</Text>
<BotTag
show={Boolean(user.is_bot)}
/>
<GuestTag
show={isGuest(user.roles)}
/>
</View>
{showTeammateDisplay &&
<View>

View File

@@ -42,8 +42,8 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
return {
container: {
alignItems: 'center',
justifyContent: 'center',
flexDirection: 'row',
height: 32,
borderRadius: 16,
backgroundColor: changeOpacity(theme.centerChannelColor, 0.08),
marginBottom: 8,
@@ -57,8 +57,6 @@ const getStyleFromTheme = makeStyleSheetFromTheme((theme) => {
},
text: {
color: theme.centerChannelColor,
textAlignVertical: 'center',
height: 32,
...typography('Body', 100, 'SemiBold'),
},
};