matty/ncd-fe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

pl-fe: zoom in emojis on hover

Browse Source 
Signed-off-by: mkljczk <git@mkljczk.pl>
This commit is contained in:
mkljczk
2025-03-04 20:54:00 +01:00
parent dc240fcc94
commit 9c9e741931
1 changed files with 3 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/pl-fe/src/features/emoji/emojify.tsx
View File

@@ -21,7 +21,7 @@ const MaybeEmoji: React.FC<IMaybeEmoji> = ({ text, emojis }) => {
const filename = emoji.static_url;
if (filename?.length > 0) {
return <img draggable={false} className='emojione' alt={text} title={text} src={filename} />;
return <img draggable={false} className='emojione transition-transform hover:scale-125' alt={text} title={text} src={filename} />;
}
}
@@ -66,7 +66,7 @@ const Emojify: React.FC<IEmojify> = React.memo(({ text, emojis = {} }) => {
const { unified, shortcode } = unicodeMapping[c];
nodes.push(
<img key={index} draggable={false} className='emojione' alt={c} title={`:${shortcode}:`} src={`/packs/emoji/${unified}.svg`} />,
<img key={index} draggable={false} className='emojione transition-transform hover:scale-125' alt={c} title={`:${shortcode}:`} src={`/packs/emoji/${unified}.svg`} />,
);
} else if (unqualified in unicodeMapping) {
clearStack();
@@ -74,7 +74,7 @@ const Emojify: React.FC<IEmojify> = React.memo(({ text, emojis = {} }) => {
const { unified, shortcode } = unicodeMapping[unqualified];
nodes.push(
<img key={index} draggable={false} className='emojione' alt={unqualified} title={`:${shortcode}:`} src={`/packs/emoji/${unified}.svg`} />,
<img key={index} draggable={false} className='emojione transition-transform hover:scale-125' alt={unqualified} title={`:${shortcode}:`} src={`/packs/emoji/${unified}.svg`} />,
);
} else if (c === ':') {
if (!open) {