Skip to content

[FIX]: Slider arrow alignment, top content spacing, and scroll-to-top theme responsiveness #4522

@abhishekkumawat-47

Description

@abhishekkumawat-47

Describe the bug / UI Issue

This issue addresses multiple minor UI inconsistencies observed on the AsyncAPI website.
They impact visual alignment, readability, and theme consistency across pages.


Affected Areas

  1. Community → Newsroom Page
    URL: https://www.asyncapi.com/community/newsroom
    Issue: Slider arrows misaligned / inconsistent styling.
    Expected: Properly aligned, clearly visible, and responsive arrows.

  2. Roadmap Page – Navbar Overlap
    URL: https://www.asyncapi.com/roadmap
    Issue: Top section content hidden under navbar due to missing margin.
    Expected: Adequate top spacing so all content is visible.

  3. Roadmap Page – Scroll To Top Button
    URL: https://www.asyncapi.com/roadmap
    Issue: Scroll-to-top arrow does not adapt to theme colors.
    Expected: Arrow should match current theme color for consistent design.


Visual Comparisons

Before After
Newsroom before Newsroom after
Navbar overlap before Image
Scroll-to-top before Scroll-to-top after

🎥 Video Comparison

Before After
Before-Scroll-up-arrow.mp4
Scroll-up-arrow.mp4

Steps to Reproduce

  1. Visit the mentioned page(s).
  2. Observe the described issue.
  3. Compare with the expected visual behavior.

Labels

🏷️ Labels: good first issue, UI, enhancement


Checklist

  • I have checked there are no similar open issues.
  • I have read the Contributing Guidelines.
  • I am willing to work on this issue and submit a PR.

Additional Notes

All fixes have been tested locally. Screenshots and video demonstrate improved layout, alignment, and theme responsiveness across devices.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions