Skip to content

Redesign the navbar: grouped mega menu and full-screen mobile sheet - #2346

Merged
sanjay-kv merged 1 commit into
mainfrom
redesign/navbar
Oct 20, 2026
Merged

sanjay-kv merged 1 commit into
mainfrom
redesign/navbar

Conversation

@sanjay-kv

@sanjay-kv sanjay-kv commented Oct 20, 2026 •

Copy link
Copy Markdown
Member

Summary

  • New site navbar: Learn, Showcase and More open panels with icons and one-line descriptions; Dashboard, Donate and Blogs are direct links. Menu content lives in src/data/navbar.ts.
  • Showcase's label goes to /showcase; a chevron button opens its panel (GitHub profiles, GitHub badges, Hire developers).
  • On mobile the default Docusaurus drawer is replaced by a full-screen sheet (search first, accordions for Learn / Showcase / More, GitHub, Discord and a dark mode switch, focus trap, scroll lock).
  • Replaces the swizzled Navbar/Content with src/components/navbar/. Keeps the Algolia search widget, the colour mode toggle and the Clerk sign-in slot. docusaurus.config.ts navbar items is now empty.
  • Old navbar CSS in custom.css is left in place but no longer applies; only --ifm-navbar-height was added.

Limits

  • Search is still the Algolia widget: its button, Ctrl K hint and modal placeholder come from Algolia's script and are disabled without the Algolia env keys. Mobile search buttons click that widget.
  • The old /courses/ link is gone from the navbar (Courses row now links the two YouTube playlists).

Checked

Build and typecheck pass; browser checks at 1440, 1280 and 390px, dark mode, panels and Escape. Not tested: 1024 and 768px, keyboard-only use, reduced motion, signed-in avatar.

Learn, Showcase and More open panels with icons and descriptions; Dashboard,
Donate and Blogs are direct links. Menu content lives in src/data/navbar.ts.
Replaces the swizzled Navbar content and the default mobile drawer, keeps
the Algolia search, colour mode toggle and the Clerk sign in slot.

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
@sanjay-kv
sanjay-kv requested a review from Adez017 as a code owner October 20, 2026 15:16
@vercel

vercel Bot commented Oct 20, 2026 •

Copy link
Copy Markdown
Contributor

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
recode-website Ready Ready Preview Oct 20, 2026 3:18pm UTC

@github-actions

Copy link
Copy Markdown

Thank you for submitting your pull request! 🙌 We'll review it asap. The estimated time for response is 5–8 hrs.

In the meantime, please provide all necessary screenshots and make sure you run - npm build run , command and provide a screenshot, if it's a Video -LEGEND, which helps speed up the review. If you have questions, reach out to LinkedIn. You can see in our Leaderboard in 20 min from now!😊

Note: I maintain the repo issue every day twice at 8:00 AM IST and 9:00 PM IST. If your PR goes stale for more than one day, you can tag and comment on this same issue by tagging @sanjay-kv.

We are here to help you on this journey of open source. Consistent 20 contributions are eligible for sponsorship 💰

🎁 check our list of amazing people we sponsored so far: GitHub Sponsorship. ✨

📚Your perks for contribution to this community 👇🏻

  1. Get free Consultation after 5 PR: Mentorship for free.

  2. Get the Ebook for free after 10 PR: You can tag me in Discussion to get the same. Data Science cheatsheet for Beginners.

  3. Check out this weekly Newsletter: Sanjay's Newsletter.

Thanks again for your contribution! 😊

@github-actions github-actions Bot added in-review The current changes are in review and would need approval and testing before merging level 1 10 points recode this is label for leaderboard labels Oct 20, 2026
@github-actions github-actions Bot added this to the recode:launch 3.0 milestone Oct 20, 2026
@sanjay-kv sanjay-kv self-assigned this Oct 20, 2026
@sanjay-kv
sanjay-kv merged commit c64d7ee into main Oct 20, 2026
9 checks passed
@github-actions

Copy link
Copy Markdown

🎉 Your pull request has been successfully merged! 🎉 Thank you for your valuable contribution to our project.

I would be grateful if you can nominate for keeping this opensource project live and running Link to Nominate. Please do star the repo and Keep up the fantastic work! 🚀

This branch was successfully deployed

1 active deployment
Preview — f0f9ddd5 Deployed Oct 20, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

in-review The current changes are in review and would need approval and testing before merging level 1 10 points recode this is label for leaderboard

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant