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 { .svg-appendix {
position: absolute; position: absolute;
bottom: -.1875rem; bottom: -.1875rem;
right: -.5625rem; right: -.562rem; // This value is correct. Safari fix
width: .5625rem; width: .5625rem;
height: 1.25rem; height: 1.25rem;
transition: opacity 200ms; transition: opacity 200ms;

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

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

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

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

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

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