Skip to content

[BUG] : Transition property error on Edition Page #909

@Ayush4958

Description

@Ayush4958

Describe the bug.

Problem

While browsing the codebase, I noticed a typo in the Tailwind CSS class
inside the following file:

./components/PastEditionCards/index.tsx

The class transiti is used instead of transition, which results in
missing or inconsistent animations.

Because of this typo and some inconsistency across components, the
Past Edition cards do not have the same smooth transition behavior as
similar card components on other pages.

Expected Behavior

  • All components using transitions should animate smoothly.
  • Similar card components across different pages should follow a
    consistent transition behavior.
  • Tailwind transition utilities should be applied correctly.

Screenshots

Image Image

How to Reproduce

  1. Navigate to the page where Past Edition cards are rendered.

  2. Interact with a Past Edition card (hover or focus) and observe the
    transition behavior.

  3. Compare the animation with similar card components on other pages
    (which have smooth transitions).

  4. Inspect ./components/PastEditionCards/index.tsx.

  5. Observe the Tailwind CSS class typo:
    transiti instead of transition, which prevents the transition
    utility from being applied.

🖥️ Device Information [optional]

  • Operating System (OS): Windows 11
  • Browser: Google Chrome

👀 Have you checked for similar open issues?

  • I checked and didn't find similar issue

🏢 Have you read the Contributing Guidelines?

Are you willing to work on this issue ?

Yes I am willing to submit a PR!

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions