Skip to content

Quizzes list page cards lack hover interaction #943

@syeedazoyatabassum

Description

@syeedazoyatabassum

Steps to Reproduce

  1. Log in and navigate to /quizzes/
  2. Hover over any of the three cards (My Quizzes, Shared With Me, Public Quizzes)
  3. Observe no visual change occurs on hover

Current Behavior (Before)

On the /quizzes/ page, the three main category cards — My Quizzes, Shared With Me, and Public Quizzes — are completely static. When a user moves their cursor over any of the cards, there is no visual change. This makes the interface feel flat and does not communicate that the cards are interactive.

Expected Behavior (After)

When a user hovers over any of the three quiz category cards, the card should:

  1. Smoothly lift upward slightly
  2. Display a deeper, more prominent shadow
  3. Animate the transition smoothly over ~300ms

This provides clear visual feedback that the cards are interactive elements, improving the overall user experience.

Issue01.mov

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    Status

    Done

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions