Pinned Messages: Fix text alignment, if pinned message has media (#6824)
This commit is contained in:
parent
6b384c8da5
commit
8322be9917
@ -121,6 +121,7 @@ const HeaderPinnedMessage = ({
|
|||||||
const mediaThumbnail = useThumbnail(pinnedMessage);
|
const mediaThumbnail = useThumbnail(pinnedMessage);
|
||||||
const mediaHash = useMessageMediaHash(pinnedMessage, isVideoThumbnail ? 'full' : 'pictogram');
|
const mediaHash = useMessageMediaHash(pinnedMessage, isVideoThumbnail ? 'full' : 'pictogram');
|
||||||
const mediaBlobUrl = useMedia(mediaHash);
|
const mediaBlobUrl = useMedia(mediaHash);
|
||||||
|
const hasPictogram = Boolean(mediaThumbnail || mediaBlobUrl);
|
||||||
const isSpoiler = pinnedMessage && getMessageIsSpoiler(pinnedMessage);
|
const isSpoiler = pinnedMessage && getMessageIsSpoiler(pinnedMessage);
|
||||||
|
|
||||||
const isLoading = Boolean(useDerivedState(getLoadingPinnedId));
|
const isLoading = Boolean(useDerivedState(getLoadingPinnedId));
|
||||||
@ -291,7 +292,7 @@ const HeaderPinnedMessage = ({
|
|||||||
)}
|
)}
|
||||||
</Transition>
|
</Transition>
|
||||||
<div
|
<div
|
||||||
className={buildClassName(styles.messageText, mediaThumbnail && styles.withMedia)}
|
className={buildClassName(styles.messageText, hasPictogram && styles.withMedia)}
|
||||||
dir={lang.isRtl ? 'rtl' : undefined}
|
dir={lang.isRtl ? 'rtl' : undefined}
|
||||||
>
|
>
|
||||||
<div className={styles.title} dir={lang.isRtl ? 'rtl' : undefined}>
|
<div className={styles.title} dir={lang.isRtl ? 'rtl' : undefined}>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user