Merge pull request #35028 from bernhardoj/fix/32400-select-circle-out…

…line Fix split bill participant option select circle outline
Expensify · Feb 1, 2024 · 42deba4 · 42deba4
2 parents 6da62d7 + 0710928
commit 42deba4
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 3 deletions.
diff --git a/src/components/OptionRow.tsx b/src/components/OptionRow.tsx
@@ -278,8 +278,12 @@ function OptionRow({
  disabled={isDisabled}
  role={CONST.ROLE.BUTTON}
  accessibilityLabel={CONST.ROLE.BUTTON}
+ style={[styles.ml2, styles.optionSelectCircle]}
  >
- <SelectCircle isChecked={isSelected} />
+ <SelectCircle
+ isChecked={isSelected}
+ selectCircleStyles={styles.ml0}
+ />
  </PressableWithFeedback>
  )}
  </>

diff --git a/src/pages/iou/request/MoneyTemporaryForRefactorRequestParticipantsSelector.js b/src/pages/iou/request/MoneyTemporaryForRefactorRequestParticipantsSelector.js
@@ -307,9 +307,12 @@ function MoneyTemporaryForRefactorRequestParticipantsSelector({
  disabled={item.isDisabled}
  role={CONST.ACCESSIBILITY_ROLE.CHECKBOX}
  accessibilityLabel={CONST.ACCESSIBILITY_ROLE.CHECKBOX}
- style={[styles.flexRow, styles.alignItemsCenter, styles.ml3]}
+ style={[styles.flexRow, styles.alignItemsCenter, styles.ml5, styles.optionSelectCircle]}
  >
- <SelectCircle isChecked={item.isSelected} />
+ <SelectCircle
+ isChecked={item.isSelected}
+ selectCircleStyles={styles.ml0}
+ />
  </PressableWithFeedback>
  );
  }

diff --git a/src/styles/index.ts b/src/styles/index.ts
@@ -2585,6 +2585,11 @@ const styles = (theme: ThemeColors) =>
  marginLeft: 8,
  },
 
+ optionSelectCircle: {
+ borderRadius: variables.componentSizeSmall / 2 + 1,
+ padding: 1,
+ },
+
  unreadIndicatorContainer: {
  position: 'absolute',
  top: -10,