[PR #6279] [MERGED] docs(fix): navbar overflowing at certain viewport #23464

Closed
opened 2026-04-15 21:44:23 -05:00 by GiteaMirror · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/better-auth/better-auth/pull/6279
Author: @jslno
Created: 11/24/2025
Status: Merged
Merged: 11/25/2025
Merged by: @Bekacru

Base: canaryHead: docs/fix-navbar-overflow


📝 Commits (2)

  • 7954703 fix(docs): add custom navbar breakpoint to avoid overflowing links
  • 6b6af42 fix: hide mobile drawer for desktop

📊 Changes

5 files changed (+8 additions, -7 deletions)

View changed files

📝 docs/app/global.css (+1 -0)
📝 docs/components/mobile-search-icon.tsx (+1 -1)
📝 docs/components/nav-bar.tsx (+1 -1)
📝 docs/components/nav-mobile.tsx (+2 -2)
📝 docs/components/theme-toggler.tsx (+3 -3)

📄 Description

Before:
screen-recorder-tue-nov-25-2025-00-51-55.webm

After:
screen-recorder-tue-nov-25-2025-00-50-24.webm


Summary by cubic

Fixes navbar link overflow at mid-size viewports by introducing a custom navbar breakpoint (56rem) and updating visibility/styling to use it. This keeps the nav stable and prevents links from wrapping or getting cut off.

  • Bug Fixes
    • Added --breakpoint-navbar: 56rem to global theme.
    • Replaced md-based classes with navbar variants in nav links, mobile search, and theme toggle.
    • Tweaked mobile menu button/container to align with the new breakpoint and prevent overflow.

Written for commit 6b6af42002. Summary will update automatically on new commits.


🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.

## 📋 Pull Request Information **Original PR:** https://github.com/better-auth/better-auth/pull/6279 **Author:** [@jslno](https://github.com/jslno) **Created:** 11/24/2025 **Status:** ✅ Merged **Merged:** 11/25/2025 **Merged by:** [@Bekacru](https://github.com/Bekacru) **Base:** `canary` ← **Head:** `docs/fix-navbar-overflow` --- ### 📝 Commits (2) - [`7954703`](https://github.com/better-auth/better-auth/commit/795470385680dcec57c2b40023d4c41ebace06e6) fix(docs): add custom navbar breakpoint to avoid overflowing links - [`6b6af42`](https://github.com/better-auth/better-auth/commit/6b6af42002431cfb0f05e347e2276df732aa5557) fix: hide mobile drawer for desktop ### 📊 Changes **5 files changed** (+8 additions, -7 deletions) <details> <summary>View changed files</summary> 📝 `docs/app/global.css` (+1 -0) 📝 `docs/components/mobile-search-icon.tsx` (+1 -1) 📝 `docs/components/nav-bar.tsx` (+1 -1) 📝 `docs/components/nav-mobile.tsx` (+2 -2) 📝 `docs/components/theme-toggler.tsx` (+3 -3) </details> ### 📄 Description Before: [screen-recorder-tue-nov-25-2025-00-51-55.webm](https://github.com/user-attachments/assets/72f11390-ffa7-43b6-b5ce-f7600346ed4b) After: [screen-recorder-tue-nov-25-2025-00-50-24.webm](https://github.com/user-attachments/assets/b7a387ef-c5ea-4f03-9453-94174c8514bd) <!-- This is an auto-generated description by cubic. --> --- ## Summary by cubic Fixes navbar link overflow at mid-size viewports by introducing a custom navbar breakpoint (56rem) and updating visibility/styling to use it. This keeps the nav stable and prevents links from wrapping or getting cut off. - **Bug Fixes** - Added --breakpoint-navbar: 56rem to global theme. - Replaced md-based classes with navbar variants in nav links, mobile search, and theme toggle. - Tweaked mobile menu button/container to align with the new breakpoint and prevent overflow. <sup>Written for commit 6b6af42002431cfb0f05e347e2276df732aa5557. Summary will update automatically on new commits.</sup> <!-- End of auto-generated description by cubic. --> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
GiteaMirror added the pull-request label 2026-04-15 21:44:23 -05:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: github-starred/better-auth#23464