ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Composer: Show regular emoji suggestion first (#6324)

Browse Source
This commit is contained in:
zubiden 2025-10-08 12:33:30 +02:00 committed by Alexander Zinchuk
parent fb29c7e333
commit 338354afbe
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/composer/CustomEmojiTooltip.module.scss
View File

@ -14,7 +14,7 @@
margin: 0.5rem 0 0.5rem 0.25rem; margin: 0.5rem 0 0.5rem 0.25rem;
} }
&:global(.shown + .StickerTooltip) { &:global(.open + .StickerTooltip) {
transform: translateY(-1.75rem); transform: translateY(-3.25rem);
} }
} }

2
src/components/middle/composer/CustomEmojiTooltip.tsx
View File

@ -74,7 +74,7 @@ const CustomEmojiTooltip: FC<OwnProps & StateProps> = ({
const className = buildClassName( const className = buildClassName(
styles.root, styles.root,
'composer-tooltip custom-scroll-x', 'composer-tooltip no-scrollbar',
transitionClassNames, transitionClassNames,
!displayedStickers?.length && styles.hidden, !displayedStickers?.length && styles.hidden,
); );

4
src/components/middle/composer/EmojiTooltip.tsx
View File

@ -80,7 +80,7 @@ const EmojiTooltip: FC<OwnProps> = ({
const containerRef = useRef<HTMLDivElement>(); const containerRef = useRef<HTMLDivElement>();
const { shouldRender, transitionClassNames } = useShowTransitionDeprecated(isOpen, undefined, undefined, false); const { shouldRender, transitionClassNames } = useShowTransitionDeprecated(isOpen, undefined, undefined, false);
const listEmojis: (Emoji | ApiSticker)[] = usePrevDuringAnimation( const listEmojis: (Emoji | ApiSticker)[] = usePrevDuringAnimation(
emojis.length ? [...customEmojis, ...emojis] : undefined, CLOSE_DURATION, emojis.length ? [...emojis, ...customEmojis] : undefined, CLOSE_DURATION,
) || []; ) || [];
useHorizontalScroll(containerRef); useHorizontalScroll(containerRef);
@ -135,7 +135,7 @@ const EmojiTooltip: FC<OwnProps> = ({
}, [selectedIndex]); }, [selectedIndex]);
const className = buildClassName( const className = buildClassName(
'EmojiTooltip composer-tooltip custom-scroll-x', 'EmojiTooltip composer-tooltip no-scrollbar',
transitionClassNames, transitionClassNames,
); );