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

Pinned Message: Fix image position on RTL languages (#4738)

Browse Source
This commit is contained in:
zubiden 2024-07-15 15:51:25 +02:00 committed by Alexander Zinchuk
parent c4b290c46a
commit ed0c0c8325
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/HeaderPinnedMessage.module.scss
View File

@ -136,6 +136,10 @@
margin-right: 2.625rem; margin-right: 2.625rem;
max-width: calc(15rem - 2.625rem); max-width: calc(15rem - 2.625rem);
min-width: calc(15rem - 2.625rem); min-width: calc(15rem - 2.625rem);
&[dir="rtl"] {
transform: translateX(-0.25rem);
}
} }
:global(.emoji-small) { :global(.emoji-small) {

7
src/components/middle/HeaderPinnedMessage.tsx
View File

@ -170,8 +170,11 @@ const HeaderPinnedMessage: FC<OwnProps> = ({
isSpoiler, isSpoiler,
)} )}
</Transition> </Transition>
<div className={buildClassName(styles.messageText, mediaThumbnail && styles.withMedia)}> <div
<div className={styles.title} dir="auto"> className={buildClassName(styles.messageText, mediaThumbnail && styles.withMedia)}
dir={lang.isRtl ? 'rtl' : undefined}
>
<div className={styles.title} dir={lang.isRtl ? 'rtl' : undefined}>
{!customTitle && ( {!customTitle && (
<AnimatedCounter text={`${lang('PinnedMessage')} ${index > 0 ? `#${count - index}` : ''}`} /> <AnimatedCounter text={`${lang('PinnedMessage')} ${index > 0 ? `#${count - index}` : ''}`} />
)} )}