Card and button lack hover effect

Question

Card and button lack hover effect

rishipurwar1 opened this issue 3 years ago · 25 comments

rishipurwar1 commented 3 years ago

Describe the improvement

If you hover over any of the cards and buttons, they don't show a hover effect.

Expected behavior

Add a hover effect to cards and buttons to make things smoother.

If anyone wants to work on this issue, please let me know in the comment.

Answer 1 · 2021-09-18T18:02:25.000Z

I can work on it

Answer 2 · 2021-09-18T18:22:29.000Z

@mehmettemel assigned to you.

Answer 3 · 2021-09-18T18:23:22.000Z

You need to add hover effect to all the cards(challenges, solutions, resources)
If you need help, please let me know.

Answer 4 · 2021-09-18T19:32:50.000Z

I have created firestore project for .env but cannot reach firestore data backend.I m only seeing skeleton cards

Answer 5 · 2021-09-19T03:45:54.000Z

Hey @mehmettemel,

Can you please share your email id from which you created the firebase project, so I can give you access to the data?
If you don't want to share your email id over here you can message me on LinkedIn or Twitter.
You can also join our discord community: https://discord.gg/FYSQUEw6xP

Answer 6 · 2021-09-19T08:21:19.000Z

Hey @mehmettemel
Which type of hover effect are you planning to add on cards and buttons?

Answer 7 · 2021-09-19T08:24:20.000Z

I am planning to change the background and text color of the card while hovering.I m not gonna change the button background color just make button text color more lighter.

Answer 8 · 2021-09-19T08:29:43.000Z

I am planning to change the background and text color of the card while hovering.I m not gonna change the button background color just make button text color more lighter.

Instead of changing the background and text color of the card. I would suggest you change the box-shadow value or scale up the cards on hover.
or checkout example-2 for inspiration. You can slide it down on hover but don't add an overlay on the cards like in the example.

Answer 9 · 2021-09-19T08:36:26.000Z

I would suggest you explore more examples for inspiration then let me know.
You don't need to add a very fancy hover effect, keep it simple.

Answer 10 · 2021-09-19T08:39:48.000Z

Feel free to give a Github star⭐️ to this repo.

Answer 11 · 2021-09-19T10:18:33.000Z

@mehmettemel do you have any experience with eslint and prettier?

Answer 12 · 2021-09-19T13:02:51.000Z

yeah.you can watch traversy media video for this

Answer 13 · 2021-09-25T12:55:20.000Z

@mehmettemel are you working on this issue?

Answer 14 · 2021-09-25T18:25:44.000Z

I can work on it!

Answer 15 · 2021-10-01T04:47:38.000Z

If this issue is open i'd like to work on it!

Answer 16 · 2021-10-01T04:57:31.000Z

@aman-sukhwal-7 are you working on this issue?

Answer 17 · 2021-10-01T05:34:52.000Z

@SAHU-01 If you want, you can work with @aman-sukhwal-7 on this issue.
Both of you can divide this task, lets say you can work on a solutions card or resources card and aman can work on a challenges card.

Answer 18 · 2021-10-01T06:40:57.000Z

@SAHU-01 If you want, you can work with @aman-sukhwal-7 on this issue. Both of you can divide this task, lets say you can work on a solutions card or resources card and aman can work on a challenges card.

@aman-sukhwal-7 lets dicuss and split the work,if it's ok with you!

Answer 19 · 2021-10-01T16:36:41.000Z

Actually I already resolved this issue!

Answer 20 · 2021-10-01T17:31:32.000Z

Actually I already resolved this issue!

it's ok then not an issue!

Answer 21 · 2021-10-02T16:24:49.000Z

I can fix this bug very easily.

Answer 22 · 2021-10-14T08:09:03.000Z

Hey @rishipurwar1, I can work on this issue if this is still open.

Answer 23 · 2021-10-14T09:38:27.000Z

yes this issue is open. You can work on this one.
Please try to fix this one first.

Answer 24 · 2022-07-31T04:19:55.000Z

there are some specific codes for it. I can fixed this issue

Answer 25 · 2022-08-01T12:25:07.000Z

there are some specific codes for it. I can fixed this issue

Issue is fixed now.