mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Fix message gradients in ConversationPanel

Browse source
This commit is contained in:
Fedor Indutny 2024-02-28 12:37:13 -08:00 committed by GitHub
parent 47272bef7d
commit 2f7f94b144
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ts/state/smart/ConversationPanel.tsx
View file

@ -58,7 +58,9 @@ function doAnimate({
onAnimationStarted: () => unknown;
onAnimationDone: () => unknown;
overlay: AnimationProps<{ backgroundColor: string }>;
panel: AnimationProps<{ transform: string }>;
panel: AnimationProps<
{ transform: string } | { left: string } | { right: string }
>;
}) {
const animateNode = panel.ref.current;
if (!animateNode) {
@ -176,8 +178,11 @@ export function ConversationPanel({
panel: {
ref: animateRef,
keyframes: [
{ transform: isRTL ? 'translateX(-100%)' : 'translateX(100%)' },
{ transform: 'translateX(0%)' },
// Note that we can't use translateX here because it breaks
// gradients for the message in message details screen.
// See: https://issues.chromium.org/issues/327027598
isRTL ? { right: '100%' } : { left: '100%' },
isRTL ? { right: '0' } : { left: '0' },
],
},
});