Skip to content

Reports in Course Dashboard: Add hover state to widget overflow (⋮) menu button #533

Open

Description

@amnausman2002

Type of Request

Fast Track Change (small, low-risk improvements)

Feature Description

TL;DR

On the Instructor Dashboard's Reports > Course Dashboard tab, the overflow menu (⋮) button on each widget header (e.g. Course Information) has no hover state, so there's no visual cue that it's interactive until it's clicked.

Proposal: add a hover background to the ⋮ button so it's clearly indicated as interactive before the click.

Current behavior

Each dashboard widget (e.g. Course Information) has a ⋮ overflow menu button in its header.
Hovering over the button produces no visual change — no background, no state shift — even though the cursor becomes a pointer.

Expected behavior

On hover, the ⋮ button should show a filled circular background, as shown in the attached "new design" screenshot.
This should apply consistently to the overflow menu button across all dashboard widgets, not just Course Information

Scope

Small, low-risk, front-end only (CSS hover state on an existing button). No backend or data-model changes.

Designs / references

Link to Product Proposal

No response

Status

New

Proposed By

Nurture

Activity

  1. github-actions commented on Oct 20, 2026

    @github-actions

    Thanks for your submission, @openedx/openedx-product-managers will review shortly.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions