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

Message: Fixes for appendix (#1037)

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-04-20 18:20:06 +03:00
parent 30ec535196
commit ad019d0094
4 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/middle/composer/Composer.scss
View File

@ -161,7 +161,7 @@
.svg-appendix {
position: absolute;
bottom: -.1875rem;
right: -.5625rem;
right: -.562rem; // This value is correct. Safari fix
width: .5625rem;
height: 1.25rem;
transition: opacity 200ms;

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

@ -1,5 +1,5 @@
import React, {
FC, memo, useCallback, useEffect, useMemo, useRef, useState,
FC, memo, useCallback, useEffect, useLayoutEffect, useMemo, useRef, useState,
} from '../../../lib/teact/teact';
import { withGlobal } from '../../../lib/teact/teactn';
@ -212,7 +212,7 @@ const Composer: FC<OwnProps & StateProps & DispatchProps> = ({
}
}, [chatId, loadScheduledHistory, lastSyncTime, threadId]);
useEffect(() => {
useLayoutEffect(() => {
if (!appendixRef.current) {
return;
}

4
src/components/middle/message/Message.tsx
View File

@ -3,7 +3,7 @@ import React, {
FC,
memo,
useCallback,
useEffect,
useLayoutEffect,
useMemo,
useRef,
} from '../../../lib/teact/teact';
@ -282,7 +282,7 @@ const Message: FC<OwnProps & StateProps & DispatchProps> = ({
useEnsureMessage(chatId, hasReply ? message.replyToMessageId : undefined, replyMessage, message.id);
useFocusMessage(ref, chatId, isFocused, focusDirection, noFocusHighlight);
useEffect(() => {
useLayoutEffect(() => {
if (!appendixRef.current) {
return;
}

4
src/components/middle/message/_message-content.scss
View File

@ -130,11 +130,11 @@
fill: var(--background-color);
}
.Message.own & {
right: -.5625rem;
right: -.562rem; // This value is correct. Safari fix
}
.Message:not(.own) & {
left: -.5625rem;
left: -.562rem; // This value is correct. Safari fix
}
}