Skip to content

Commit e5423df

Browse files
committed
Fix last item border radius lost on hover/selection
Signed-off-by: krishna2323 <belivethatkg@gmail.com>
1 parent 12bb2d0 commit e5423df

2 files changed

Lines changed: 10 additions & 2 deletions

File tree

src/components/Search/SearchList/ListItem/TransactionListItem.tsx

Lines changed: 6 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -262,7 +262,12 @@ function TransactionListItem<TItem extends ListItem>({
262262
isActionColumnWide={transactionItem.isActionColumnWide}
263263
shouldShowCheckbox={!!canSelectMultiple}
264264
checkboxSentryLabel={CONST.SENTRY_LABEL.SEARCH.TRANSACTION_LIST_ITEM_CHECKBOX}
265-
style={[styles.p3, styles.pv2, shouldUseNarrowLayout ? [styles.p0, styles.pt3, styles.noBorderRadius] : isLargeScreenWidth && styles.noBorderRadius]}
265+
style={[
266+
styles.p3,
267+
styles.pv2,
268+
shouldUseNarrowLayout && [styles.p0, styles.pt3, isLastItem ? styles.searchTableBottomRadius : styles.noBorderRadius],
269+
isLargeScreenWidth && (isLastItem ? styles.searchTableBottomRadius : styles.noBorderRadius),
270+
]}
266271
violations={transactionViolations}
267272
onArrowRightPress={isDeletedTransaction ? undefined : () => onSelectRow(item, transactionPreviewData)}
268273
isHover={hovered}

src/styles/utils/index.ts

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1834,7 +1834,10 @@ const createStyleUtils = (theme: ThemeColors, styles: ThemeStyles) => ({
18341834

18351835
getSearchTableRowPressableStyle: (isLastItem?: boolean, isSelected?: boolean, padding?: {vertical?: number; horizontal?: number}): ViewStyle => ({
18361836
minHeight: variables.tableRowHeight,
1837-
borderRadius: 0,
1837+
borderTopLeftRadius: 0,
1838+
borderTopRightRadius: 0,
1839+
borderBottomLeftRadius: 0,
1840+
borderBottomRightRadius: 0,
18381841
borderBottomWidth: isLastItem ? 0 : 1,
18391842
borderColor: isSelected ? theme.buttonHoveredBG : theme.border,
18401843
...(isLastItem ? styles.searchTableBottomRadius : {}),

0 commit comments

Comments
 (0)