Fix custom emoji alignment in lexical
This commit is contained in:
parent
62ca4c7a2a
commit
ffc7b19aec
|
@ -20,7 +20,7 @@ const Emoji: React.FC<IEmoji> = ({ emoji, hovered }) => {
|
|||
return (
|
||||
<img
|
||||
draggable='false'
|
||||
className='emojione m-0 block'
|
||||
className='m-0 block'
|
||||
alt={shortCode}
|
||||
title={shortCode}
|
||||
src={filename as string}
|
||||
|
|
|
@ -13,7 +13,7 @@ const AutosuggestEmoji: React.FC<IAutosuggestEmoji> = ({ emoji }) => {
|
|||
let elem: React.ReactNode;
|
||||
|
||||
if (isCustomEmoji(emoji)) {
|
||||
elem = <img className='emojione mr-2 block size-4' src={emoji.imageUrl} alt={emoji.colons} />;
|
||||
elem = <img className='mr-2 block size-4' src={emoji.imageUrl} alt={emoji.colons} />;
|
||||
} else {
|
||||
const mapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')];
|
||||
|
||||
|
|
|
@ -81,7 +81,7 @@ class EmojiNode extends DecoratorNode<React.ReactNode> {
|
|||
if (isNativeEmoji(emoji)) {
|
||||
return emoji.native;
|
||||
} else {
|
||||
return <img src={emoji.imageUrl} alt={emoji.colons} className='emojione size-4' />;
|
||||
return <img src={emoji.imageUrl} alt={emoji.colons} className='inline size-4' />;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue