diff --git a/app/components/jumbo_emoji/index.tsx b/app/components/jumbo_emoji/index.tsx
index 363f67470e..de30554d5b 100644
--- a/app/components/jumbo_emoji/index.tsx
+++ b/app/components/jumbo_emoji/index.tsx
@@ -43,6 +43,9 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => {
fontSize: 50,
lineHeight: 60,
},
+ newLine: {
+ lineHeight: 60,
+ },
};
});
@@ -74,7 +77,7 @@ const JumboEmoji = ({baseTextStyle, isEdited, value}: JumboEmojiProps) => {
};
const renderNewLine = () => {
- return {'\n'};
+ return {'\n'};
};
const renderEditedIndicator = ({context}: {context: string[]}) => {
diff --git a/app/components/post_list/more_messages/more_messages.tsx b/app/components/post_list/more_messages/more_messages.tsx
index 80f3c914fd..667f048157 100644
--- a/app/components/post_list/more_messages/more_messages.tsx
+++ b/app/components/post_list/more_messages/more_messages.tsx
@@ -11,6 +11,7 @@ import FormattedText from '@components/formatted_text';
import TouchableWithFeedback from '@components/touchable_with_feedback';
import {Events} from '@constants';
import {useServerUrl} from '@context/server';
+import {useIsTablet} from '@hooks/device';
import {makeStyleSheetFromTheme, hexToHue} from '@utils/theme';
import {typography} from '@utils/typography';
@@ -30,7 +31,7 @@ type Props = {
}
const HIDDEN_TOP = -60;
-const SHOWN_TOP = Platform.select({ios: 40, default: 0});
+const SHOWN_TOP = Platform.select({ios: 50, default: 5});
const MIN_INPUT = 0;
const MAX_INPUT = 1;
@@ -101,6 +102,7 @@ const MoreMessages = ({
theme,
}: Props) => {
const serverUrl = useServerUrl();
+ const isTablet = useIsTablet();
const pressed = useRef(false);
const resetting = useRef(false);
const initialScroll = useRef(false);
@@ -108,6 +110,7 @@ const MoreMessages = ({
const [remaining, setRemaining] = useState(0);
const underlayColor = useMemo(() => `hsl(${hexToHue(theme.buttonBg)}, 50%, 38%)`, [theme]);
const top = useSharedValue(0);
+ const shownTop = isTablet ? 5 : SHOWN_TOP;
const BARS_FACTOR = Math.abs((1) / (HIDDEN_TOP - SHOWN_TOP));
const styles = getStyleSheet(theme);
const animatedStyle = useAnimatedStyle(() => ({
@@ -123,13 +126,13 @@ const MoreMessages = ({
[
HIDDEN_TOP,
HIDDEN_TOP,
- SHOWN_TOP,
- SHOWN_TOP,
+ shownTop,
+ shownTop,
],
Animated.Extrapolate.CLAMP,
), {damping: 15}),
}],
- }), []);
+ }), [isTablet, shownTop]);
const resetCount = async () => {
if (resetting.current) {
diff --git a/app/components/post_list/post/body/files/files.tsx b/app/components/post_list/post/body/files/files.tsx
index d1c9a0b9b8..0d5c5a8936 100644
--- a/app/components/post_list/post/body/files/files.tsx
+++ b/app/components/post_list/post/body/files/files.tsx
@@ -100,7 +100,7 @@ const Files = ({canDownloadFiles, failed, filesInfo, isReplyPost, layoutWidth, l
const renderItems = (items: FileInfo[], moreImagesCount = 0, includeGutter = false) => {
const singleImage = isSingleImage();
let nonVisibleImagesCount: number;
- let container: StyleProp = styles.container;
+ let container: StyleProp = items.length > 1 ? styles.container : undefined;
const containerWithGutter = [container, styles.gutter];
return items.map((file, idx) => {
diff --git a/app/screens/bottom_sheet/index.tsx b/app/screens/bottom_sheet/index.tsx
index 4a7f61dd36..600bb277c4 100644
--- a/app/screens/bottom_sheet/index.tsx
+++ b/app/screens/bottom_sheet/index.tsx
@@ -150,6 +150,9 @@ const BottomSheet = ({closeButtonId, componentId, initialSnapIndex = 0, renderCo
onCloseStart={() => {
backdropOpacity.value = 0;
}}
+ onOpenEnd={() => {
+ backdropOpacity.value = 1;
+ }}
enabledBottomInitialAnimation={false}
renderHeader={Indicator}
enabledContentTapInteraction={false}