UI Enhancement: Hover Effects for 'Previous' and 'Next' Buttons

[poojaY18]

Is your feature request related to a problem? Please describe

Yes, the feature request is related to the problem of inconsistent user interface behavior. The 'Previous' and 'Next' buttons lack hover effects, unlike other buttons on the website that provide visual feedback when hovered. This inconsistency can confuse users, making it unclear whether the buttons are interactive

Describe the solution you'd like

Add a hover effect to the 'Previous' and 'Next' buttons, similar to the buttons Light mode and CircuitVerse on GitHub. The effect should be immediately visible to show the buttons are clickable. When I first visited the website, I wasn't sure the buttons were interactive, so displaying the hover effect right away will save users' time and improve the experience.

pr3.mp4

Describe alternatives you've considered

No response

Additional context

1. Go to the CircuitVerse website: https://circuitverse.org. 2. Under the "Getting Started" section, click on the "Learn" dropdown option. Hover over the 'Previous' and 'Next' buttons.

Are you working on this?

Yes

[poojaY18]

@ThatDeparted2061 @salmoneatenbybear Please review this.

[ThatDeparted2061]

Great find @poojaY18
This is a fair issue, you should start working on it.
cc @tachyons

[Jay2006sawant]

@poojaY18 Are you working on this issue ?

[poojaY18]

@Jay2006sawant Yes

[mohitchauhan1409]

Can I also start working on this issue?

[poojaY18]

@mohitchauhan1409 Sorry, but I cannot assign the issue as only mentors have the permission to do so and I am currently working.

[poojaY18]

@Jay2006sawant Just to clarify, 'Yes' means that I am working on this issue and I can not assign.

[salmoneatenbybear]

@poojaY18 please discuss this in #ux channel of circuitverse slack and also please name this issue more descriptively.

[IITPooja]

@salmoneatenbybear Okay

[SanketBhandarii]

Hello, I have improved hover effects for the ‘Previous’ and ‘Next’ navigation buttons.

The hover state is now more visible and consistent, providing better UX.

Please let me know if this looks good — I’ll open a PR once confirmed.

Below are screenshots of hovering on the "Next" button

On the live site :

After I improved on my local :