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

Composer: Fix height animation in EmbeddedMessage, fix emoji (#4068)

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-12-05 15:36:45 +01:00
parent 4aa2904351
commit c9ad4cebe3
3 changed files with 6 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/common/embedded/EmbeddedMessage.tsx
View File

@ -59,6 +59,7 @@ type OwnProps = {
};
const NBSP = '\u00A0';
const EMOJI_SIZE = 17;
const EmbeddedMessage: FC<OwnProps> = ({
className,
@ -143,6 +144,7 @@ const EmbeddedMessage: FC<OwnProps> = ({
translatedText={translatedText}
observeIntersectionForLoading={observeIntersectionForLoading}
observeIntersectionForPlaying={observeIntersectionForPlaying}
emojiSize={EMOJI_SIZE}
/>
);
}

4
src/components/middle/composer/ComposerEmbeddedMessage.scss
View File

@ -1,6 +1,6 @@
.ComposerEmbeddedMessage {
--accent-color: var(--color-primary);
height: 2.625rem;
height: 3.125rem;
/* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
transition: height 150ms ease-out, opacity 150ms ease-out;
@ -19,7 +19,7 @@
&_inner {
display: flex;
align-items: center;
margin-top: 0.5rem;
padding-top: 0.5rem;
}
& .embedded-left-icon {

4
src/components/middle/composer/WebPagePreview.scss
View File

@ -1,6 +1,5 @@
.WebPagePreview {
height: 2.625rem;
margin-top: 0.5rem;
height: 3.125rem;
/* stylelint-disable-next-line plugin/no-low-performance-animation-properties */
transition: height 150ms ease-out, opacity 150ms ease-out;
@ -18,6 +17,7 @@
// TODO Remove duplication with `.ComposerEmbeddedMessage`
&_inner {
padding-top: 0.5rem;
display: flex;
align-items: center;
}