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

MM-19920 MM-19924 Fix mis-align post input field attach and send icons (#3631)

Browse source
This commit is contained in:
Elias Nahum 2019-12-10 17:49:51 -03:00 committed by GitHub
parent 88a1605961
commit 525b0d5ad3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 15 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
app/components/__snapshots__/send_button.test.js.snap
View file

@ -6,7 +6,7 @@ exports[`SendButton should change theme backgroundColor to 0.3 opacity 1`] = `
Object {
"justifyContent": "flex-end",
"paddingHorizontal": 5,
"paddingVertical": 3,
"paddingVertical": 2,
}
}
>
@ -19,6 +19,7 @@ exports[`SendButton should change theme backgroundColor to 0.3 opacity 1`] = `
"borderRadius": 18,
"height": 28,
"justifyContent": "center",
"paddingLeft": 3,
"width": 28,
},
Object {
@ -43,7 +44,7 @@ exports[`SendButton should match snapshot 1`] = `
Object {
"justifyContent": "flex-end",
"paddingHorizontal": 5,
"paddingVertical": 3,
"paddingVertical": 2,
}
}
type="opacity"
@ -56,6 +57,7 @@ exports[`SendButton should match snapshot 1`] = `
"borderRadius": 18,
"height": 28,
"justifyContent": "center",
"paddingLeft": 3,
"width": 28,
}
}
@ -76,7 +78,7 @@ exports[`SendButton should render theme backgroundColor 1`] = `
Object {
"justifyContent": "flex-end",
"paddingHorizontal": 5,
"paddingVertical": 3,
"paddingVertical": 2,
}
}
type="opacity"
@ -89,6 +91,7 @@ exports[`SendButton should render theme backgroundColor 1`] = `
"borderRadius": 18,
"height": 28,
"justifyContent": "center",
"paddingLeft": 3,
"width": 28,
}
}

2
app/components/attachment_button/index.js
View file

@ -517,7 +517,7 @@ const style = StyleSheet.create({
attachIcon: {
marginTop: Platform.select({
ios: 2,
android: 0,
android: -5,
}),
},
buttonContainer: {

1
app/components/post_textbox/__snapshots__/post_textbox.test.js.snap
View file

@ -13,6 +13,7 @@ exports[`PostTextBox should match, full snapshot 1`] = `
"borderTopColor": "rgba(61,60,64,0.2)",
"borderTopWidth": 1,
"flexDirection": "row",
"justifyContent": "center",
"paddingVertical": 4,
},
null,

1
app/components/post_textbox/post_textbox_base.js
View file

@ -829,6 +829,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
inputWrapper: {
alignItems: 'flex-end',
flexDirection: 'row',
justifyContent: 'center',
paddingVertical: 4,
backgroundColor: theme.centerChannelBg,
borderTopWidth: 1,

8
app/components/send_button.js
View file

@ -2,7 +2,7 @@
// See LICENSE.txt for license information.
import React, {memo} from 'react';
import {View} from 'react-native';
import {Platform, View} from 'react-native';
import PropTypes from 'prop-types';
import TouchableWithFeedback from 'app/components/touchable_with_feedback';
@ -63,7 +63,10 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
sendButtonContainer: {
justifyContent: 'flex-end',
paddingHorizontal: 5,
paddingVertical: 3,
paddingVertical: Platform.select({
android: 8,
ios: 2,
}),
},
sendButton: {
backgroundColor: theme.buttonBg,
@ -72,6 +75,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme) => {
width: 28,
alignItems: 'center',
justifyContent: 'center',
paddingLeft: 3,
},
};
});