UI/UX: Change cursor on hover for radio buttons and checkboxes

[eugkuo]

Goal

User story
As designers & FE engineers,
We want to ensure consistency of behavior on interactive elements
so that users will know what to expect.

Key result

UI/UX updates

Original requests

Context

• Design: @eugkuo
• Engineer: @RachelElysia

Changes

Product

• UI changes: When rolling over checkboxes and radio buttons the cursor should change from the arrow to the hand pointer icon.
• CLI (fleetctl) usage changes: No changes
• YAML changes: No changes
• REST API changes: No changes
• Fleet's agent (fleetd) changes: No changes
• GitOps mode changes: No changes
• Activity changes: No changes
• Permissions changes: No changes
• Changes to paid features or tiers: No changes
• Transparency changes: No changes
• First draft of test plan added
• Other reference documentation changes: No changes
• Once shipped, requester has been notified
• Once shipped, dogfooding issue has been filed

Engineering

• Test plan is finalized
• Contributor API changes: TODO
• Feature guide changes: TODO
• Database schema migrations: TODO
• Load testing: TODO

ℹ️  Please read this issue carefully and understand it. Pay special attention to UI wireframes, especially "dev notes".

QA

Risk assessment

• Requires load testing: TODO
• Risk level: Low / High TODO
• Risk description: TODO

Test plan

Make sure to go through the list and consider all events that might be related to this story, so we catch edge cases earlier.

1. Navigate to /hosts/manage (as an example)
2. Rollover a radio button
3. Verify that the cursor changes to the hand pointer.
4. Rollover a checkbox
5. Verify that the cursor changes to the hand pointer.

@RachelElysia can indicate additional areas to check once she's in the code.

Testing notes

Confirmation

1. Engineer: Added comment to user story confirming successful completion of test plan.
2. QA: Added comment to user story confirming successful completion of test plan.

[eugkuo]

@noahtalerman @mostlikelee @RachelElysia

I am proposing that this ticket can skip design review and user story review and go right to ready to estimate. Any objections?

cc @iansltx (trying to async tickets)

[mostlikelee]

don't forget we need a 👍 on the test plan from @jmwatts

[eugkuo]

@jmwatts Maybe we add this ticket to our conversation on Monday and figure out a test plan process for stuff like this where it's a global update.

Once we have a test plan in place I don't know if this needs to go through USR?

cc @mostlikelee @RachelElysia

[eugkuo]

@jmwatts Here's what the hand icon looks like on rollover of the elements.