From 45ced1e76aa5c8c0741523acd2890a6e331bbc30 Mon Sep 17 00:00:00 2001 From: Mahendra Liya Date: Tue, 16 Aug 2022 23:45:04 +0530 Subject: [PATCH 1/4] Resolved the Composer text vertical alignment --- src/pages/home/report/ReportActionCompose.js | 2 +- src/styles/styles.js | 7 ++++++- 2 files changed, 7 insertions(+), 2 deletions(-) diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js index 2b9384f2db67..aa1782cf2ce4 100755 --- a/src/pages/home/report/ReportActionCompose.js +++ b/src/pages/home/report/ReportActionCompose.js @@ -628,7 +628,7 @@ class ReportActionCompose extends React.Component { displayFileInModal(file); this.setState({isDraggingOver: false}); }} - style={[styles.textInputCompose, this.props.isComposerFullSize ? styles.textInputFullCompose : styles.flex4]} + style={[styles.textInputCompose, this.props.isComposerFullSize ? styles.textInputFullCompose : styles.inputComposerPadding]} defaultValue={this.props.comment} maxLines={this.state.maxLines} onFocus={() => this.setIsFocused(true)} diff --git a/src/styles/styles.js b/src/styles/styles.js index 9baa3463ecd4..72c369bc7d08 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1425,11 +1425,16 @@ const styles = { }, textInputComposeSpacing: { - paddingVertical: 6, + paddingVertical: 4, ...flex.flexRow, flex: 1, }, + inputComposerPadding: { + flex: 4, + paddingVertical: 4, + }, + chatItemSubmitButton: { alignSelf: 'flex-end', borderRadius: 6, From 4cba454bae543b4d5be2ab376da691fd9e2559fe Mon Sep 17 00:00:00 2001 From: Mahendra Liya Date: Tue, 23 Aug 2022 21:59:13 +0530 Subject: [PATCH 2/4] Resolved the alignment issue found on Android --- src/styles/styles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/styles.js b/src/styles/styles.js index 72c369bc7d08..b46cc1377009 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1425,7 +1425,7 @@ const styles = { }, textInputComposeSpacing: { - paddingVertical: 4, + alignSelf: "center", ...flex.flexRow, flex: 1, }, From d07cd6a70b454e1266ba86d31c766f5789b9cf14 Mon Sep 17 00:00:00 2001 From: Mahendra Liya Date: Thu, 25 Aug 2022 14:43:03 +0530 Subject: [PATCH 3/4] resolved lint error --- src/styles/styles.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/styles/styles.js b/src/styles/styles.js index b5522ea1efa2..1b4c992bce34 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1425,7 +1425,7 @@ const styles = { }, textInputComposeSpacing: { - alignSelf: "center", + alignSelf: 'center', ...flex.flexRow, flex: 1, }, From 3678d7653f5d29a715079325ae7aa52a9557a299 Mon Sep 17 00:00:00 2001 From: Mahendra Liya Date: Sat, 10 Sep 2022 14:59:11 +0530 Subject: [PATCH 4/4] Resolved the composer border issue on Android --- src/styles/styles.js | 1 + 1 file changed, 1 insertion(+) diff --git a/src/styles/styles.js b/src/styles/styles.js index 4e064bc0f687..0049ad3850fc 100644 --- a/src/styles/styles.js +++ b/src/styles/styles.js @@ -1417,6 +1417,7 @@ const styles = { }, textInputComposeSpacing: { + paddingVertical: 1, alignSelf: 'center', ...flex.flexRow, flex: 1,