gray-mueller / gray-mueller/food-ordering-app-with-source-code

Change Cursor to Pointer (Hand) for Clickable Cards/Elements

Open
#733 0 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
0
Forks
0
PR merge metrics
No merged PRs in 30d

Description

Is your feature request related to a problem? Please describe.
Yes. Currently, some clickable cards or elements in the interface do not visually indicate that they are interactive. The default arrow cursor remains the same, which can confuse users and reduce discoverability of actions.

Describe the solution you'd like
The cursor should automatically change to a pointer (hand cursor) when hovering over any card or UI element that is clickable. This provides a clear visual cue that the element is interactive.

Describe alternatives you've considered

Adding hover animations or visual shadows (which could supplement but not replace the cursor change)

Adding a tooltip or label to hint that it’s clickable (less intuitive than a cursor change)

Additional context
This small UI/UX improvement can significantly enhance usability, especially for new users who may not intuitively know which elements are actionable. It also brings consistency with common web behavior standards.

Recording.2025-06-17.102824.mp4

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.