Dun-sin / Code-Magic

Code Generator - Easily Generate CSS and Tailwind code based on your choice and input

Home Page:https://code-magic.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

[BUG] <Menu items moving around on hover>

mukadas026 opened this issue Β· comments

commented

Description

The menu items move around when selected, and pushes the other items down in a snappy way which makes selecting an item a bit buggy-ish.
Maybe they could be made to float out so they can't affect the other items
or
an animation can be added so they unfold down

Screenshots

Screen.recording.2023-08-27.8.58.30.PM.webm

Additional information

No response

πŸ₯¦ Browser

Google Chrome

πŸ‘€ Have you checked if this issue has been raised before?

  • I checked and didn't find similar issue

🏒 Have you read the Contributing Guidelines?

Are you willing to work on this issue ?

None

It's great having you contribute to this project by creating an issue

Make sure you are assigned to this before you work on it and you read the Contributing.md file, Thank you! Welcome to the community πŸ€“

commented

Good spot, definitely something I have tried to fix for a while but a little too complex, if you have a suggestion on how it can helped, let me knowπŸ’ͺ🏽

commented

I'll give it a shot, pls assign me

commented

I'll give it a shot, pls assign me

Okay thenπŸ‘πŸ½

commented

@mukadas026 are you able to figure this out?

commented

yh, kinda
sorry for the delay

thought of 3 ways to do it

1 - hovering ... but it still felt off

Screen.recording.2023-08-28.1.06.57.PM.webm

2 - clicking with multiple open dropdowns

Screen.recording.2023-09-05.4.11.06.AM.webm

3 - clicking with only one open dropdown

Screen.recording.2023-09-05.4.12.38.AM.webm
commented

yh, kinda
sorry for the delay

thought of 3 ways to do it

1 - hovering ... but it still felt off

Screen.recording.2023-08-28.1.06.57.PM.webm

2 - clicking with multiple open dropdowns

Screen.recording.2023-09-05.4.11.06.AM.webm

3 - clicking with only one open dropdown

Screen.recording.2023-09-05.4.12.38.AM.webm

1 is already what is implemented, 2 isn't so good, 3 is the best in my opinion.

commented

πŸŽ‰ This issue has been resolved in version 2.64.2 πŸŽ‰

The release is available on GitHub release

Your semantic-release bot πŸ“¦πŸš€