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 
Co-authored-by: Fedor Indutny <79877362+indutny-signal@users.noreply.github.com>
This commit is contained in:
automated-signal 2024-02-28 15:01:07 -06:00 • committed by GitHub
parent 08b516bf5f
commit 274fbc4444
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 8 additions and 3 deletions
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' },
],
},
});