Skip to content

Add active section highlighting for navbar#208

Merged
SamXop123 merged 4 commits into
SamXop123:mainfrom
akshatsinghai6682-sketch:active-navbar-highlight
Jun 19, 2026
Merged

Add active section highlighting for navbar#208
SamXop123 merged 4 commits into
SamXop123:mainfrom
akshatsinghai6682-sketch:active-navbar-highlight

Conversation

@akshatsinghai6682-sketch

Copy link
Copy Markdown
Contributor

Description

Added active section highlighting for the navbar. The corresponding navigation link is automatically highlighted based on the section currently visible in the viewport, improving navigation and user experience.

Related Issue

Closes #207

Type of Change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that causes existing functionality to change)
  • Documentation update
  • Refactor
  • Performance improvement

Changes Made

  • Added JavaScript to detect the active section while scrolling.
  • Applied an active class to the corresponding navbar link.
  • Added styling for active navigation links to improve visual feedback.

Testing

  • Ran "npm test" — all tests pass
  • Tested manually (if applicable)

Screenshots (if applicable)

Active navbar link updates correctly when navigating through Home, Features, Themes, Try It Live, Guide, and About sections.
Image 18-06-26 at 10 46 PM

Checklist

  • My code follows the project's code style
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • My changes generate no new warnings or errors
  • I have updated the documentation if necessary
  • My changes are scoped to a single issue

Signed-off-by: Akshat Singhai <akshatsinghai6682@gmail.com>
@vercel

vercel Bot commented Jun 18, 2026

Copy link
Copy Markdown

@akshatsinghai6682-sketch is attempting to deploy a commit to the Dot_NotSam's projects Team on Vercel.

A member of the Team first needs to authorize it.

Signed-off-by: Akshat Singhai <akshatsinghai6682@gmail.com>
Signed-off-by: Akshat Singhai <akshatsinghai6682@gmail.com>

@SamXop123 SamXop123 left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

thank you for contribution

@SamXop123 SamXop123 merged commit 23317a3 into SamXop123:main Jun 19, 2026
2 of 3 checks passed
@github-actions

Copy link
Copy Markdown

🎉 Congratulations @akshatsinghai6682-sketch! 🎉

Your pull request has been successfully merged into samdev-pulse! Thank you so much for your valuable contribution and effort. Every single improvement helps make samdev-pulse a better profile experience for everyone! 🙌

🚀 What's Next?

  • Keep the momentum going! Feel free to browse through our open Issues and grab another one that interests you!
  • Support the Project: If you enjoyed contributing to samdev-pulse, please take a second to star our repository! It helps increase the project's visibility and supports our community. ⭐

💬 Stay Connected:
Have any questions, want feedback, or just want to discuss further contributions? Feel free to reach out directly to the maintainer on Discord: dot_notsam

Thank you again, and keep up the amazing work! 💻✨

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

[Enhancement]:Add Active Section Highlighting for Navbar Navigation

2 participants