diff --git a/src/components/Parse/Emojis.tsx b/src/components/Parse/Emojis.tsx index b09f6776..6e8df38b 100644 --- a/src/components/Parse/Emojis.tsx +++ b/src/components/Parse/Emojis.tsx @@ -5,7 +5,7 @@ import { StyleConstants } from '@utils/styles/constants' import { adaptiveScale } from '@utils/styles/scaling' import { useTheme } from '@utils/styles/ThemeManager' import React, { useMemo } from 'react' -import { StyleSheet } from 'react-native' +import { Platform, StyleSheet } from 'react-native' import FastImage from 'react-native-fast-image' import { useSelector } from 'react-redux' import validUrl from 'valid-url' @@ -51,7 +51,13 @@ const ParseEmojis = React.memo( image: { width: adaptedFontsize, height: adaptedFontsize, - transform: [{ translateY: -2 }] + ...(Platform.OS === 'ios' + ? { + transform: [{ translateY: -2 }] + } + : { + transform: [{ translateY: 1 }] + }) } }) }, [theme, adaptiveFontsize]) diff --git a/src/components/Parse/HTML.tsx b/src/components/Parse/HTML.tsx index d5a2dac7..c4c0ff62 100644 --- a/src/components/Parse/HTML.tsx +++ b/src/components/Parse/HTML.tsx @@ -13,7 +13,7 @@ import { adaptiveScale } from '@utils/styles/scaling' import { useTheme } from '@utils/styles/ThemeManager' import React, { useCallback, useState } from 'react' import { useTranslation } from 'react-i18next' -import { Pressable, View } from 'react-native' +import { Platform, Pressable, View } from 'react-native' import HTMLView from 'react-native-htmlview' import { useSelector } from 'react-redux' @@ -139,7 +139,13 @@ const renderNode = ({ name='ExternalLink' size={adaptedFontsize} style={{ - transform: [{ translateY: -2 }] + ...(Platform.OS === 'ios' + ? { + transform: [{ translateY: -2 }] + } + : { + transform: [{ translateY: 1 }] + }) }} /> ) : null} diff --git a/src/screens/Compose/Root/Footer/Emojis.tsx b/src/screens/Compose/Root/Footer/Emojis.tsx index 6ae263c2..552d755d 100644 --- a/src/screens/Compose/Root/Footer/Emojis.tsx +++ b/src/screens/Compose/Root/Footer/Emojis.tsx @@ -100,8 +100,8 @@ const ComposeEmojis: React.FC = ({ accessibleRefEmojis }) => { )} source={{ uri }} style={{ - width: 32, - height: 32, + width: 36, + height: 36, padding: StyleConstants.Spacing.S, margin: StyleConstants.Spacing.S }} @@ -119,8 +119,8 @@ const ComposeEmojis: React.FC = ({ accessibleRefEmojis }) => { )} source={{ uri }} style={{ - width: 32, - height: 32, + width: 36, + height: 36, padding: StyleConstants.Spacing.S, margin: StyleConstants.Spacing.S }} @@ -145,7 +145,7 @@ const ComposeEmojis: React.FC = ({ accessibleRefEmojis }) => { flexDirection: 'row', flexWrap: 'wrap', justifyContent: 'space-around', - height: 260 + height: 280 }} >