Merge pull request #13781 from Expensify/francois-holdMouseTouchableO…

…pacity Change active opacity for labels in CheckboxWithLabel components
Expensify · Jan 4, 2023 · 9e3b1b0 · 9e3b1b0
2 parents 9a0f817 + a07a26b
commit 9e3b1b0
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 0 deletions.
diff --git a/src/components/CheckboxWithLabel.js b/src/components/CheckboxWithLabel.js
@@ -5,6 +5,7 @@ import styles from '../styles/styles';
 import Checkbox from './Checkbox';
 import Text from './Text';
 import FormHelpMessage from './FormHelpMessage';
+import variables from '../styles/variables';
 
 const requiredPropsCheck = (props) => {
     if (!props.label && !props.LabelComponent) {
@@ -99,6 +100,7 @@ class CheckboxWithLabel extends React.Component {
                     <TouchableOpacity
                         focusable={false}
                         onPress={this.toggleCheckbox}
+                        activeOpacity={variables.checkboxLabelActiveOpacity}
                         style={[
                             styles.ml3,
                             styles.pr2,

diff --git a/src/styles/variables.js b/src/styles/variables.js
@@ -82,4 +82,5 @@ export default {
     INACTIVE_LABEL_TRANSLATE_Y: getValueUsingPixelRatio(16, 21),
     sliderBarHeight: 8,
     sliderKnobSize: 26,
+    checkboxLabelActiveOpacity: 0.7,
 };