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 (
|
return (
|
||||||
<img
|
<img
|
||||||
draggable='false'
|
draggable='false'
|
||||||
className='emojione m-0 block'
|
className='m-0 block'
|
||||||
alt={shortCode}
|
alt={shortCode}
|
||||||
title={shortCode}
|
title={shortCode}
|
||||||
src={filename as string}
|
src={filename as string}
|
||||||
|
|
|
@ -13,7 +13,7 @@ const AutosuggestEmoji: React.FC<IAutosuggestEmoji> = ({ emoji }) => {
|
||||||
let elem: React.ReactNode;
|
let elem: React.ReactNode;
|
||||||
|
|
||||||
if (isCustomEmoji(emoji)) {
|
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 {
|
} else {
|
||||||
const mapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')];
|
const mapping = unicodeMapping[emoji.native] || unicodeMapping[emoji.native.replace(/\uFE0F$/, '')];
|
||||||
|
|
||||||
|
|
|
@ -81,7 +81,7 @@ class EmojiNode extends DecoratorNode<React.ReactNode> {
|
||||||
if (isNativeEmoji(emoji)) {
|
if (isNativeEmoji(emoji)) {
|
||||||
return emoji.native;
|
return emoji.native;
|
||||||
} else {
|
} 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