From 131c7d02db1bd2ccd55929a02dad6eb8719d0db8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Musia=C5=82?= Date: Wed, 11 Feb 2026 13:03:52 +0100 Subject: [PATCH 1/3] Fix word clip in follow up buttons --- src/pages/inbox/report/PureReportActionItem.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/pages/inbox/report/PureReportActionItem.tsx b/src/pages/inbox/report/PureReportActionItem.tsx index 1f4bd99431b43..7ceb35f2bc62b 100644 --- a/src/pages/inbox/report/PureReportActionItem.tsx +++ b/src/pages/inbox/report/PureReportActionItem.tsx @@ -1823,7 +1823,7 @@ function PureReportActionItem({ shouldUseLocalization={!isConciergeOptions && !actionContainsFollowUps} primaryTextNumberOfLines={actionableButtonsNoLines} styles={{ - text: [isConciergeOptions || actionContainsFollowUps ? styles.textAlignLeft : undefined], + text: [isConciergeOptions || actionContainsFollowUps ? [styles.textAlignLeft, styles.breakWord] : undefined], button: actionContainsFollowUps ? [styles.actionableItemButton, hovered && styles.actionableItemButtonBackgroundHovered] : undefined, container: [ actionContainsFollowUps && shouldUseNarrowLayout ? styles.alignItemsStretch : undefined, From 5bff3f54c1ee43350714fb18552b2f308f4caeec Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Musia=C5=82?= Date: Tue, 17 Feb 2026 13:41:44 +0100 Subject: [PATCH 2/3] update button styles to aplly for all follow ups --- src/components/ReportActionItem/ActionableItemButtons.tsx | 4 ++-- src/pages/inbox/report/PureReportActionItem.tsx | 7 +++++-- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/components/ReportActionItem/ActionableItemButtons.tsx b/src/components/ReportActionItem/ActionableItemButtons.tsx index 4ea02ce0fba1a..5556303fd6bbc 100644 --- a/src/components/ReportActionItem/ActionableItemButtons.tsx +++ b/src/components/ReportActionItem/ActionableItemButtons.tsx @@ -19,9 +19,9 @@ type ActionableItemButtonsProps = { layout?: 'horizontal' | 'vertical'; shouldUseLocalization?: boolean; primaryTextNumberOfLines?: number; + isBackgroundHovered?: boolean; styles?: { text?: StyleProp; - button?: StyleProp; container?: StyleProp; }; }; @@ -39,7 +39,7 @@ function ActionableItemButtons(props: ActionableItemButtonsProps) { text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text} medium success={item.isPrimary} - innerStyles={props.styles?.button} + innerStyles={[styles.actionableItemButton, props.isBackgroundHovered && styles.actionableItemButtonBackgroundHovered]} primaryTextNumberOfLines={props.primaryTextNumberOfLines} textStyles={props.styles?.text} /> diff --git a/src/pages/inbox/report/PureReportActionItem.tsx b/src/pages/inbox/report/PureReportActionItem.tsx index 5ed8bf2facb30..656d925ba31c9 100644 --- a/src/pages/inbox/report/PureReportActionItem.tsx +++ b/src/pages/inbox/report/PureReportActionItem.tsx @@ -1617,6 +1617,7 @@ function PureReportActionItem({ )} @@ -1630,6 +1631,7 @@ function PureReportActionItem({ items={actionableItemButtons} shouldUseLocalization layout={isActionableTrackExpense(action) ? 'vertical' : 'horizontal'} + isBackgroundHovered={hovered} /> )} @@ -1743,6 +1745,7 @@ function PureReportActionItem({ items={actionableItemButtons} shouldUseLocalization layout="vertical" + isBackgroundHovered={hovered} /> )} @@ -1818,9 +1821,9 @@ function PureReportActionItem({ } shouldUseLocalization={!isConciergeOptions && !actionContainsFollowUps} primaryTextNumberOfLines={actionableButtonsNoLines} + isBackgroundHovered={hovered} styles={{ - text: [isConciergeOptions || actionContainsFollowUps ? [styles.textAlignLeft, styles.breakWord] : undefined], - button: actionContainsFollowUps ? [styles.actionableItemButton, hovered && styles.actionableItemButtonBackgroundHovered] : undefined, + text: [styles.textAlignLeft, styles.breakWord], container: [ actionContainsFollowUps && shouldUseNarrowLayout ? styles.alignItemsStretch : undefined, actionContainsFollowUps ? styles.mt5 : undefined, From 54c1a31455194afd8bbe4e943d191933a9ce0502 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Jan=20Musia=C5=82?= Date: Tue, 17 Feb 2026 14:49:06 +0100 Subject: [PATCH 3/3] revert border radius for payment buttons --- src/components/ReportActionItem/ActionableItemButtons.tsx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/ReportActionItem/ActionableItemButtons.tsx b/src/components/ReportActionItem/ActionableItemButtons.tsx index 5556303fd6bbc..f4c8e6cef36c7 100644 --- a/src/components/ReportActionItem/ActionableItemButtons.tsx +++ b/src/components/ReportActionItem/ActionableItemButtons.tsx @@ -39,7 +39,7 @@ function ActionableItemButtons(props: ActionableItemButtonsProps) { text={props.shouldUseLocalization ? translate(item.text as TranslationPaths) : item.text} medium success={item.isPrimary} - innerStyles={[styles.actionableItemButton, props.isBackgroundHovered && styles.actionableItemButtonBackgroundHovered]} + innerStyles={!item.isPrimary && [styles.actionableItemButton, props.isBackgroundHovered && styles.actionableItemButtonBackgroundHovered]} primaryTextNumberOfLines={props.primaryTextNumberOfLines} textStyles={props.styles?.text} />