Merge pull request #542 from lifeomic/style-bug-fixes

Font Scaling/Dark theme fixes
lifeomic · Mar 27, 2024 · b191803 · b191803
2 parents aa5c336 + bced8e5
commit b191803
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 7 deletions.
diff --git a/src/components/Messaging/SearchRecipientsModal.tsx b/src/components/Messaging/SearchRecipientsModal.tsx
@@ -158,13 +158,11 @@ const defaultStyles = createStyles('SearchRecipientsModal', (theme) => {
       backgroundColor: theme.colors.primary,
       marginVertical: 16,
       marginRight: 16,
-      height: 35,
       alignSelf: 'center',
     },
     doneButtonLabel: {
       color: theme.colors.onPrimary,
       fontSize: 14,
-      lineHeight: 16,
       textAlignVertical: 'center',
     },
   };

diff --git a/src/components/TrackTile/TrackerDetails/TrackerDetails.tsx b/src/components/TrackTile/TrackerDetails/TrackerDetails.tsx
@@ -308,13 +308,12 @@ export const TrackerDetails: FC<TrackerDetailsProps> = (props) => {
 
 const defaultStyles = createStyles('TrackerDetails', (theme) => ({
   imageContainer: {
-    width: 326,
-    height: 210,
+    width: 280,
+    height: 200,
   },
   image: {
     flex: 1,
     resizeMode: 'contain',
-    width: 200,
   },
   radialProgressBorderView: {},
   radialProgressContainer: {

diff --git a/src/components/TrackTile/TrackerRow/Tracker.tsx b/src/components/TrackTile/TrackerRow/Tracker.tsx
@@ -89,7 +89,9 @@ export function Tracker(tracker: TrackerProps) {
 
 const size = 95;
 const defaultStyles = createStyles('Tracker', (theme) => ({
-  trackerNameText: {},
+  trackerNameText: {
+    color: theme.colors.onSurface,
+  },
   trackerNameDisabledText: {
     color: '#7B8996',
   },

diff --git a/src/screens/ComposeMessageScreen.tsx b/src/screens/ComposeMessageScreen.tsx
@@ -318,7 +318,6 @@ const defaultStyles = createStyles('ComposeMessageScreen', (theme) => ({
     color: theme.colors.secondary,
   },
   searchRecipientsModalContainer: {
-    backgroundColor: theme.colors.elevation.level1,
     height: Platform.select({ android: '90%', default: '100%' }),
     width: '90%',
     marginHorizontal: '5%',