Skip to content

fix: custom emoji align vertically in message #6738

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
diegolmello merged 11 commits into from
Dec 12, 2025
Merged

fix: custom emoji align vertically in message #6738

Changes from 6 commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
8533bcb
Align custom emoji in center
Rohit3523 Oct 18, 2025
93dafcf
chore: format code with Prettier [skip ci]
Rohit3523 Oct 18, 2025
7dae241
do not add translate for big emoji and avatar
Rohit3523 Oct 18, 2025
6508b1a
Merge branch 'align-custom-emoji-in-chat' of https://github.com/Rocke…
Rohit3523 Oct 18, 2025
0ca035b
chore: format code with Prettier [skip ci]
Rohit3523 Oct 18, 2025
cec0ab8
Merge branch 'develop' into align-custom-emoji-in-chat
Rohit3523 Oct 18, 2025
7bbf773
Lint fix
Rohit3523 Oct 18, 2025
39de1a1
yup it's jsx not js... habbit of adding semi-colon is bad...
Rohit3523 Oct 19, 2025
1c5147a
Merge branch 'develop' into align-custom-emoji-in-chat
Rohit3523 Dec 4, 2025
dc28503
storybook snap updated
Rohit3523 Dec 4, 2025
89d7b78
Merge branch 'develop' into align-custom-emoji-in-chat
diegolmello Dec 12, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 7 additions & 3 deletions app/containers/markdown/components/emoji/Emoji.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
import React, { useContext } from 'react';
import { Text, useWindowDimensions } from 'react-native';
import { type Emoji as EmojiProps } from '@rocket.chat/message-parser';
import { Text, View, useWindowDimensions } from 'react-native';
import { Emoji as EmojiProps } from '@rocket.chat/message-parser';

Check failure on line 3 in app/containers/markdown/components/emoji/Emoji.tsx

View workflow job for this annotation

GitHub Actions / ESLint and Test / run-eslint-and-test 

All imports in the declaration are only used as types. Use `import type`
Comment thread
coderabbitai[bot] marked this conversation as resolved.
Resolved

import Plain from '../Plain';
import useShortnameToUnicode from '../../../../lib/hooks/useShortnameToUnicode';
Expand Down Expand Up @@ -68,7 +68,11 @@
};

if (emoji) {
return <CustomEmoji style={[isBigEmoji ? customEmojiBigSize : customEmojiSize, style]} emoji={emoji} />;
return (
<View style={[{ transform: [{ translateY: isBigEmoji || isAvatar ? 0 : 3 }] }]}>
<CustomEmoji style={[isBigEmoji ? customEmojiBigSize : customEmojiSize, style]} emoji={emoji} />;
</View>
);
}
Comment thread
Rohit3523 marked this conversation as resolved.
Resolved

return (
Expand Down
Loading