Merge pull request #17464 from PrashantMangukiya/prashant-17424

Composer field left border extend vertically as it expand and collapse
Expensify · Apr 17, 2023 · cbb22d4 · cbb22d4
2 parents c792447 + d64002c
commit cbb22d4
Showing 1 changed file with 15 additions and 16 deletions.
diff --git a/src/pages/home/report/ReportActionCompose/index.js b/src/pages/home/report/ReportActionCompose/index.js
@@ -774,6 +774,7 @@ 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 && (
@@ -814,22 +815,20 @@ class ReportActionCompose extends React.Component {
                                                         </Tooltip>
                                                     )}
                                                     <Tooltip text={this.props.translate('reportActionCompose.addAction')}>
-                                                        <View style={styles.chatItemAttachBorder}>
-                                                            <TouchableOpacity
-                                                                ref={el => this.actionButton = el}
-                                                                onPress={(e) => {
-                                                                    e.preventDefault();
-
-                                                                    // Drop focus to avoid blue focus ring.
-                                                                    this.actionButton.blur();
-                                                                    this.setMenuVisibility(true);
-                                                                }}
-                                                                style={styles.composerSizeButton}
-                                                                disabled={isBlockedFromConcierge || this.props.disabled}
-                                                            >
-                                                                <Icon src={Expensicons.Plus} />
-                                                            </TouchableOpacity>
-                                                        </View>
+                                                        <TouchableOpacity
+                                                            ref={el => this.actionButton = el}
+                                                            onPress={(e) => {
+                                                                e.preventDefault();
+
+                                                                // Drop focus to avoid blue focus ring.
+                                                                this.actionButton.blur();
+                                                                this.setMenuVisibility(true);
+                                                            }}
+                                                            style={styles.composerSizeButton}
+                                                            disabled={isBlockedFromConcierge || this.props.disabled}
+                                                        >
+                                                            <Icon src={Expensicons.Plus} />
+                                                        </TouchableOpacity>
                                                     </Tooltip>
                                                 </View>
                                                 <PopoverMenu