From 8818b46f7abcd230027a141c6b11107fe7cd22d4 Mon Sep 17 00:00:00 2001 From: Jose Nunes Date: Mon, 6 Jul 2020 21:43:53 +0100 Subject: [PATCH] feat: new sidebars easing wdy-22 --- frontend/src/features/day/SideBar/SideBar.styles.ts | 2 +- frontend/src/features/daysNav/DaysNav.styles.ts | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/frontend/src/features/day/SideBar/SideBar.styles.ts b/frontend/src/features/day/SideBar/SideBar.styles.ts index c3f50e2..f490832 100644 --- a/frontend/src/features/day/SideBar/SideBar.styles.ts +++ b/frontend/src/features/day/SideBar/SideBar.styles.ts @@ -11,7 +11,7 @@ export const StyledSidebar = styled.div<{ isOpen?: boolean }>` z-index: 999; right: 0; transform: ${({ isOpen }) => `translateX(${isOpen ? 0 : '448px'})`}; - transition: transform 0.2s ease; + transition: transform 0.2s cubic-bezier(0, 0.52, 0, 1); box-shadow: 0 10px 20px hsla(0, 0%, 0%, 0.15), 0 3px 6px hsla(0, 0%, 0%, 0.1); @media (min-width: ${props => props.theme.breakpoints.mobile}) { diff --git a/frontend/src/features/daysNav/DaysNav.styles.ts b/frontend/src/features/daysNav/DaysNav.styles.ts index db38cad..06fdecf 100644 --- a/frontend/src/features/daysNav/DaysNav.styles.ts +++ b/frontend/src/features/daysNav/DaysNav.styles.ts @@ -15,7 +15,7 @@ export const StyledDaysNav = styled.div<{ isOpen?: boolean }>` left: 0; z-index: 20000; transform: ${({ isOpen }) => `translateX(${isOpen ? 0 : `-${daysNavWidth}`})`}; - transition: transform 0.2s ease; + transition: transform 0.2s cubic-bezier(0, 0.52, 0, 1); box-shadow: 0 10px 20px hsla(0, 0%, 0%, 0.15), 0 3px 6px hsla(0, 0%, 0%, 0.1); @media (min-width: 800px) {