Skip to content

Commit

Permalink
Linter plus timing fix
Browse files Browse the repository at this point in the history
  • Loading branch information
WRadoslaw committed Jun 26, 2023
1 parent 9a61182 commit 81ea9a9
Show file tree
Hide file tree
Showing 2 changed files with 5 additions and 5 deletions.
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@ import { useAuth } from '@/providers/auth/auth.hooks'
import { useAuthStore } from '@/providers/auth/auth.store'
import { useSubscribeAccountBalance } from '@/providers/joystream'
import { useUser } from '@/providers/user/user.hooks'
import { cVar, transitions } from '@/styles'
import { transitions } from '@/styles'

import { Container, InnerContainer, SlideAnimationContainer } from './MemberDropdown.styles'
import { MemberDropdownList } from './MemberDropdownList'
Expand Down Expand Up @@ -136,7 +136,7 @@ export const MemberDropdown = forwardRef<HTMLDivElement, MemberDropdownProps>(
<CSSTransition
classNames={transitions.names.dropdown}
in={isActive}
timeout={parseInt(cVar('animationTimingMedium', true))}
timeout={0}
onEntering={() => setDisableScrollDuringAnimation(true)}
onEntered={() => setDisableScrollDuringAnimation(false)}
mountOnEnter
Expand Down
6 changes: 3 additions & 3 deletions packages/atlas/src/styles/transitions.ts
Original file line number Diff line number Diff line change
Expand Up @@ -142,7 +142,7 @@ export const transitionStyles = css`
.${transitions.names.dropdown}-enter-done, .${transitions.names.dropdown}-appear-active {
opacity: 1;
transform: translateY(0);
transition: ${transitions.timings.routing} ${transitions.routingEasing};
transition: ${cVar('animationTimingMedium')} ${transitions.routingEasing};
}
.${transitions.names.dropdown}-exit {
Expand All @@ -151,7 +151,7 @@ export const transitionStyles = css`
.${transitions.names.dropdown}-exit-active {
opacity: 0;
transition: ${transitions.timings.routing} ${transitions.routingEasing};
transition: ${cVar('animationTimingMedium')} ${transitions.routingEasing};
}
.${transitions.names.enterFromRight}-enter, .${transitions.names.enterFromRight}-appear {
Expand Down Expand Up @@ -192,7 +192,7 @@ export const transitionStyles = css`
opacity: 1;
}
.${transitions.names.enterFromRight}-exit-active {
.${transitions.names.enterFromLeft}-exit-active {
opacity: 0;
transform: translateX(-280px);
transition: ${cVar('animationTimingMedium')} ${transitions.switch};
Expand Down

0 comments on commit 81ea9a9

Please sign in to comment.