From e4b27988b0c1fac76436ae04a59301cf7eaf8216 Mon Sep 17 00:00:00 2001 From: William Grant Date: Fri, 24 May 2024 15:28:11 +1000 Subject: [PATCH] feat: updated empty message image, typing animation and right panel slide durations --- ts/components/EmptyMessageView.tsx | 2 +- ts/components/conversation/TypingAnimation.tsx | 2 +- ts/components/conversation/right-panel/RightPanel.tsx | 2 +- 3 files changed, 3 insertions(+), 3 deletions(-) diff --git a/ts/components/EmptyMessageView.tsx b/ts/components/EmptyMessageView.tsx index 3029f2833..bb71d02ca 100644 --- a/ts/components/EmptyMessageView.tsx +++ b/ts/components/EmptyMessageView.tsx @@ -22,7 +22,7 @@ const StyledSessionFullLogo = styled(Flex)` img:nth-child(2) { margin-top: 10px; width: 250px; - transition: 0s; + transition: var(--duration-session-logo-text); filter: var(--session-logo-text-current-filter); -webkit-user-drag: none; } diff --git a/ts/components/conversation/TypingAnimation.tsx b/ts/components/conversation/TypingAnimation.tsx index 4294b6056..0941194fd 100644 --- a/ts/components/conversation/TypingAnimation.tsx +++ b/ts/components/conversation/TypingAnimation.tsx @@ -64,7 +64,7 @@ const StyledTypingDot = styled.div<{ index: number }>` : props.index === 1 ? 'typing-animation-second' : 'typing-animation-third'} - 1600ms ease infinite; + var(--duration-typing-animation) ease infinite; `; const StyledSpacer = styled.div` diff --git a/ts/components/conversation/right-panel/RightPanel.tsx b/ts/components/conversation/right-panel/RightPanel.tsx index 42529ffac..d72e63b13 100644 --- a/ts/components/conversation/right-panel/RightPanel.tsx +++ b/ts/components/conversation/right-panel/RightPanel.tsx @@ -12,7 +12,7 @@ export const StyledRightPanelContainer = styled.div` width: var(--right-panel-width); right: 0vw; - transition: transform var(--right-panel-duration) linear; + transition: transform var(--duration-right-panel) linear; transform: translateX(100%); z-index: 3;