toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Fix create direct message styles (#6224)

Browse source
This commit is contained in:
Elias Nahum 2022-05-05 08:53:27 -04:00 committed by GitHub
parent 5620a50975
commit 251ef0992b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 18 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

35
app/components/user_list_row/index.tsx
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>

4
app/screens/create_direct_message/selected_users/selected_user.tsx
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'),
},
};