Merge pull request #18022 from narefyev91/add-new-separator-for-actio…

…n-composer Add new vertical line separator instead of borderRight
Expensify · May 1, 2023 · ec7c1b1 · ec7c1b1
2 parents 8e06eb0 + 8a5557e
commit ec7c1b1
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 7 deletions.
diff --git a/src/pages/home/report/ReportActionCompose.js b/src/pages/home/report/ReportActionCompose.js
@@ -784,7 +784,6 @@ class ReportActionCompose extends React.Component {
                                                 <View style={[
                                                     styles.dFlex, styles.flexColumn,
                                                     (this.state.isFullComposerAvailable || this.props.isComposerFullSize) ? styles.justifyContentBetween : styles.justifyContentEnd,
-                                                    styles.chatItemAttachBorder,
                                                 ]}
                                                 >
                                                     {this.props.isComposerFullSize && (
@@ -862,7 +861,7 @@ class ReportActionCompose extends React.Component {
                                             </>
                                         )}
                                     </AttachmentPicker>
-                                    <View style={[styles.textInputComposeSpacing]}>
+                                    <View style={[styles.textInputComposeSpacing, styles.textInputComposeBorder]}>
                                         <DragAndDrop
                                             dropZoneId={CONST.REPORT.DROP_NATIVE_ID}
                                             activeDropZoneId={CONST.REPORT.ACTIVE_DROP_NATIVE_ID}

diff --git a/src/styles/styles.js b/src/styles/styles.js
@@ -1533,6 +1533,11 @@ const styles = {
         flex: 1,
     },
 
+    textInputComposeBorder: {
+        borderLeftWidth: 1,
+        borderColor: themeColors.border,
+    },
+
     chatItemSubmitButton: {
         alignSelf: 'flex-end',
         borderRadius: variables.componentBorderRadiusRounded,
@@ -1631,11 +1636,6 @@ const styles = {
         backgroundColor: themeColors.buttonHoveredBG,
     },
 
-    chatItemAttachBorder: {
-        borderRightColor: themeColors.border,
-        borderRightWidth: 1,
-    },
-
     composerSizeButton: {
         alignSelf: 'center',
         height: 32,