Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Menu 컴포넌트 CSS 수정 #127

Merged
merged 5 commits into from
Dec 16, 2020
Merged

Menu 컴포넌트 CSS 수정 #127

merged 5 commits into from
Dec 16, 2020

Conversation

skid901
Copy link
Collaborator

@skid901 skid901 commented Dec 16, 2020

Menu 컴포넌트 CSS 수정

해당 이슈 📎

#124

변경 사항 🛠

  • Menu 컴포넌트 내 스크롤 추가
  • Menu 컴포넌트 애니메이션 추가

테스트 ✨

없음

리뷰어 참고 사항 🙋‍♀️

Copy link
Collaborator

@YiSoJeong YiSoJeong left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

경덕님이 알고 계신 꿀 라이브러리 적용해버렸네요🧚🏻‍♀️

Comment on lines -59 to +65
<div css={staticHeaderAreaCss(staticMenuToggle)}>
<AnimatedStaticHeaderArea style={staticAreaStyleProps}>
<Header />
</div>
<div css={staticScrollAreaCss(staticMenuToggle)}>
</AnimatedStaticHeaderArea>
<AnimatedStaticScrollArea style={staticAreaStyleProps}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

애니메이션 넘 부드러워용 😌

Copy link
Collaborator

@domino8788 domino8788 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

고생하셨습니다.
참고할만한 코드가 많네요. :)

<DoubleChevronLeft />
</HeaderButton>
)}
<AnimatedButtons style={buttonStyleProps}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

react도 애니메이션 적용이 가능하네요.
커스텀 애니메이션 만들 걱정을 하고있었는데 좋은 참고가 되었습니다. :)
block handler도 애니메이션을 적용했으면 좋겠네요.

(!hoveredMenuToggle ? <HamburgerMenu /> : <DoubleChevronRight />)}
{staticMenuToggle || (
<div css={buttonWrapper}>
<AnimatedButton style={hamburgerMenuStyleProps}>
Copy link
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

참고해서 BlockHandler에 fadein-out 효과를 넣어보도록 하겠습니다.

@domino8788 domino8788 merged commit 6553153 into dev-frontend Dec 16, 2020
@YiSoJeong YiSoJeong deleted the feat/124 branch December 17, 2020 01:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants