Improve carousel navigation by hiding inactive arrow buttons

[AbhinandanNaik]

Description

In the horizontal scrolling carousel (as shown in the attached screenshot), both the left and right arrow buttons are always visible.

However:

• The left arrow appears even when the carousel is already at the first item.
• The right arrow remains visible even when the carousel is at the last item.

Expected Behavior

• The left arrow should be hidden or disabled when the first item is in view.
• The right arrow should be hidden or disabled when the last item is in view.

This small UX enhancement will make the interface cleaner and more intuitive for users.

This change will:

• Prevent users from clicking inactive navigation buttons.
• Improve the overall polish and responsiveness of the UI.
• Enhance accessibility and user satisfaction, especially on smaller screens or touch devices.

I'd be happy to help with a PR if needed.

Alternatives Considered

Another option could be disabling the arrows instead of hiding them, but hiding provides a cleaner look and better user feedback.

[shivang-26]

I’d like to work on this! I can implement logic to hide the left arrow on the first slide and the right arrow on the last slide. Please let me know if that’s okay.

[AnkitDev1505]

is this isssue solved ?

[pratham12102004]

Hi! I’d love to work on this issue. I’m familiar with the AMP repo structure and have set up my local environment per the contributing guide. Please let me know if there’s anything I should watch out for—I’d be glad to start on a PR soon!

[Kundan-Rawal]

i would like to make this my first issue