Skip to content

Conversation

Copy link
Contributor

Copilot AI commented Jan 7, 2026

Proposed Changes

Dropdown menu items (Profile, Logout, etc.) displayed arrow cursor instead of pointer cursor on hover, making clickable elements appear non-interactive.

Changes:

  • Updated cursor-default to cursor-pointer in DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioItem, and DropdownMenuSubTrigger components

File Modified:

  • src/components/ui/dropdown-menu.tsx (4 lines)

Before:

className={cn(
  "... cursor-default items-center ...",
  className,
)}

After:

className={cn(
  "... cursor-pointer items-center ...",
  className,
)}

Visual:

Cursor behavior demonstration

Tagging: @ohcnetwork/care-fe-code-reviewers

Merge Checklist

  • Add specs that demonstrate the bug or test the new feature.
  • Update product documentation.
  • Ensure that UI text is placed in I18n files.
  • Prepare a screenshot or demo video for the changelog entry and attach it to the issue.
  • Request peer reviews.
  • Complete QA on mobile devices.
  • Complete QA on desktop devices.
  • Add or update Playwright tests for related changes
Original prompt

This section details on the original issue you should resolve

<issue_title>Cursor not changing to pointer on Profile and Logout menu items</issue_title>
<issue_description>Description

  • In the Profile (SideNav bar), the Profile and Logout items are clickable but the cursor remains an arrow on hover. This makes them look non-interactive.

  • In other clickable areas of the application, the cursor changes to a hand (pointer). For consistency and better UX, the same behavior should be applied here.

Steps to Reproduce

  1. Open the application

  2. Click on the user avatar at bottom left to open the profile dropdown

  3. Hover over Profile or Logout

Actual Behavior

Cursor stays as an arrow
Does not indicate clickability

Expected Behavior

Cursor should change to a hand (pointer) on hover
Consistent with other clickable elements in the app

Attachments

Video 1: Current behavior (arrow cursor)

Care.mp4

Video 2: Expected behavior (hand cursor)

https://github.com/user-attachments/assets/c36dd54a-c984-45b8-bb19-407ee3597b2b</issue_description>

Comments on the Issue (you are @copilot in this section)


💡 You can make Copilot smarter by setting up custom instructions, customizing its development environment and configuring Model Context Protocol (MCP) servers. Learn more Copilot coding agent tips in the docs.

@netlify
Copy link

netlify bot commented Jan 7, 2026

Deploy Preview for care-ohc ready!

Name Link
🔨 Latest commit b9f8463
🔍 Latest deploy log https://app.netlify.com/projects/care-ohc/deploys/695e24e71241070008e81213
😎 Deploy Preview https://deploy-preview-15040.preview.ohc.network
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@coderabbitai
Copy link
Contributor

coderabbitai bot commented Jan 7, 2026

Important

Review skipped

Bot user detected.

To trigger a single review, invoke the @coderabbitai review command.

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.


Comment @coderabbitai help to get the list of available commands and usage tips.

Co-authored-by: Jacobjeevan <40040905+Jacobjeevan@users.noreply.github.com>
Copilot AI changed the title [WIP] Fix cursor not changing to pointer on Profile and Logout menu items Fix cursor style for dropdown menu items Jan 7, 2026
Copilot AI requested a review from Jacobjeevan January 7, 2026 09:22
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Cursor not changing to pointer on Profile and Logout menu items

2 participants