From 87113e007beef1ad016f86832faa7005c46654b5 Mon Sep 17 00:00:00 2001 From: Puneet Lath Date: Mon, 10 Jul 2023 17:52:53 -0400 Subject: [PATCH] Fix clickable area of multiple avatars component --- src/components/MultipleAvatars.js | 4 ++-- src/pages/home/report/ReportActionItemCreated.js | 2 +- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/src/components/MultipleAvatars.js b/src/components/MultipleAvatars.js index f0dddfafc583..0f2498f3bfb2 100644 --- a/src/components/MultipleAvatars.js +++ b/src/components/MultipleAvatars.js @@ -136,8 +136,8 @@ function MultipleAvatars(props) { // Height of one avatar + border space const height = oneAvatarSize.height + 2 * oneAvatarBorderWidth; if (props.icons.length > 4) { - // Width of overlapping avatars + border space - width = oneAvatarSize.width * 3 + oneAvatarBorderWidth * 8; + const length = avatarRows.length > 1 ? Math.max(avatarRows[0].length, avatarRows[1].length) : avatarRows[0].length; + width = oneAvatarSize.width + overlapSize * 2 * (length - 1) + oneAvatarBorderWidth * (length * 2); } else { // one avatar width + overlaping avatar sizes + border space width = oneAvatarSize.width + overlapSize * 2 * (props.icons.length - 1) + oneAvatarBorderWidth * (props.icons.length * 2); diff --git a/src/pages/home/report/ReportActionItemCreated.js b/src/pages/home/report/ReportActionItemCreated.js index 095b6ac350c3..4f3ea87245bb 100644 --- a/src/pages/home/report/ReportActionItemCreated.js +++ b/src/pages/home/report/ReportActionItemCreated.js @@ -73,7 +73,7 @@ function ReportActionItemCreated(props) { > ReportUtils.navigateToDetailsPage(props.report)} - style={[styles.ph5, styles.pb3, styles.alignSelfStart]} + style={[styles.mh5, styles.mb3, styles.alignSelfStart]} accessibilityLabel={props.translate('common.details')} accessibilityRole={CONST.ACCESSIBILITY_ROLE.BUTTON} >