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.

Sign up for GitHub

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

Jump to bottom

Slide transition for menu component #203

Closed
btzr-io opened this issue Nov 1, 2019 · 6 comments
Closed

Slide transition for menu component #203

btzr-io opened this issue Nov 1, 2019 · 6 comments
Assignees
@btzr-io
Labels
enhancement hacktoberfest help wanted

Comments

@btzr-io
Copy link
Owner

btzr-io commented Nov 1, 2019 •
edited
Loading

Implement a way to have a slide transitions inside the menu component.

Please check this example to see the desired effect: https://codepen.io/btzr-io/pen/yVGGbY

Check the youtube player on a desktop browser for inspiration,
@felipebrunetti94
Copy link

Hello, can I take this one ?

@btzr-io
Copy link
Owner Author

btzr-io commented Nov 1, 2019 •
edited
Loading

@felipebrunetti94 sure we are using reakit for the menu components. please check the docs first:
https://reakit.io/

@felipebrunetti94
Copy link

just one question, the slider you refer is the slider where you move the frames ? and you want a frame preview just like in youtube ? Just to be sure...

@btzr-io
Copy link
Owner Author

btzr-io commented Nov 1, 2019

@felipebrunetti94 No, the menu component (Settings) please check the examples mentioned.

@btzr-io btzr-io changed the title Slider transition for menu component Slide transition for menu component Nov 1, 2019
@btzr-io btzr-io mentioned this issue Nov 1, 2019
Closed
@felipebrunetti94
Copy link

Now I got it kkk, sorry friend. Coding right now :D

@btzr-io
Copy link
Owner Author

btzr-io commented Nov 1, 2019

Please check: https://reakit.io/docs/menu/

felipebrunetti94 added a commit to felipebrunetti94/Villain that referenced this issue Nov 6, 2019
@felipebrunetti94
feat(slide): Add slide transition to settings
ad22218 
- Change css/components/menu.css to include @Keyframes

Fix btzr-io#203
felipebrunetti94 added a commit to felipebrunetti94/Villain that referenced this issue Nov 6, 2019
@felipebrunetti94
feat(slide): Add slide transition to settings
5b9d792 
    - Change css/components/menu.css to include bezier-curve

    Fix btzr-io#203
felipebrunetti94 added a commit to felipebrunetti94/Villain that referenced this issue Nov 6, 2019
@felipebrunetti94
feat(slide): Add slide transition to settings
01542e5 
- Change css/components/menu.css to include @Keyframes

Fix btzr-io#203
@felipebrunetti94 felipebrunetti94 mentioned this issue Nov 6, 2019
Closed
9 tasks
btzr-io added a commit that referenced this issue Nov 9, 2019
@btzr-io
add submenu logic (#203)
0ed7e77
@btzr-io btzr-io self-assigned this Nov 9, 2019
@btzr-io btzr-io mentioned this issue Nov 12, 2019
Closed
3 tasks
@btzr-io btzr-io closed this as completed Aug 5, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@btzr-io btzr-io

Labels
enhancement hacktoberfest help wanted
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(slide): Add slide transition to settings felipebrunetti94/Villain
2 participants
@btzr-io @felipebrunetti94