Enable scaled chevron in the ListItem… components

pagopa · Nov 29, 2024 · 0d58e5b · 0d58e5b
1 parent 62e7f25
commit 0d58e5b
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 1 deletion.
diff --git a/src/components/listitems/ListItemNav.tsx b/src/components/listitems/ListItemNav.tsx
@@ -279,6 +279,7 @@ export const ListItemNav = ({
           {loading && <LoadingSpinner color={primaryColor} />}
           {!loading && !hideChevron && (
             <Icon
+              allowFontScaling
               name="chevronRightListItem"
               color={navIconColor}
               size={IOListItemVisualParams.chevronSize}

diff --git a/src/components/listitems/ListItemNavAlert.tsx b/src/components/listitems/ListItemNavAlert.tsx
@@ -185,6 +185,7 @@ export const ListItemNavAlert = ({
           <View style={IOStyles.flex}>{listItemNavAlertContent}</View>
 
           <Icon
+            allowFontScaling
             name="chevronRightListItem"
             color={iconColor}
             size={IOListItemVisualParams.chevronSize}

diff --git a/src/components/listitems/ListItemTransaction.tsx b/src/components/listitems/ListItemTransaction.tsx
@@ -174,6 +174,7 @@ export const ListItemTransaction = ({
         )}
         {showChevron && (
           <Icon
+            allowFontScaling
             name="chevronRightListItem"
             color={interactiveColor}
             size={IOListItemVisualParams.chevronSize}

diff --git a/src/utils/accessibility.ts b/src/utils/accessibility.ts
@@ -49,7 +49,7 @@ export const useIOFontDynamicScale = (): {
   const { fontScale } = useWindowDimensions();
 
   const deviceFontScale = isExperimental ? fontScale : 1;
-  const hugeFontEnabled = deviceFontScale >= 1.5;
+  const hugeFontEnabled = deviceFontScale >= 1.35;
 
   const dynamicFontScale = Math.min(deviceFontScale, IOFontSizeMultiplier);
   /* We make the spacing dynamic based on the font scale, but we multiply