Skip to content

Comments

fix: resolve navigation highlighting between Community and Documentation#455

Open
labdhiongithub7 wants to merge 4 commits intoopencost:mainfrom
labdhiongithub7:fix/navigation-highlighting-issue
Open

fix: resolve navigation highlighting between Community and Documentation#455
labdhiongithub7 wants to merge 4 commits intoopencost:mainfrom
labdhiongithub7:fix/navigation-highlighting-issue

Conversation

@labdhiongithub7
Copy link
Contributor

@labdhiongithub7 labdhiongithub7 commented Jan 16, 2026

Fixes #456

Changes

  • Moved Community page to a standalone page
  • Fixed navigation highlighting issue
  • Updated styling for better consistency

Before Changes

bc

After Changes

af1
af2

Testing

  • Verified navigation highlighting works correctly
  • Tested on different screen sizes
  • Checked all links

@netlify
Copy link

netlify bot commented Jan 16, 2026

Deploy Preview for opencost ready!

Name Link
🔨 Latest commit e89a2c3
🔍 Latest deploy log https://app.netlify.com/projects/opencost/deploys/699995d58e937600080014c3
😎 Deploy Preview https://deploy-preview-455--opencost.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify project configuration.

@labdhiongithub7 labdhiongithub7 force-pushed the fix/navigation-highlighting-issue branch from d918db9 to 332d91d Compare February 2, 2026 03:58
@labdhiongithub7
Copy link
Contributor Author

@ameijer could you please review this also!

@ameijer
Copy link
Member

ameijer commented Feb 19, 2026

@labdhiongithub7 can you give us a test plan to help view the changeset here vs the prod opencost site?

@labdhiongithub7
Copy link
Contributor Author

@labdhiongithub7 can you give us a test plan to help view the changeset here vs the prod opencost site?

Sure @ameijer ,
Previously, when navigating to the Community section, both Community and Documentation navbar items were highlighted.
This happened because the Community content lived under the docs/ directory, so Docusaurus treated it as part of the Documentation plugin and marked both items active.

What changed

Moved Community content from docs/ to a standalone page under src/pages/community
Updated navbar routing accordingly
Kept styling consistent

Result

Visiting /community now highlights only the Community tab
Documentation is no longer incorrectly marked active
Navigation behavior matches user expectation

How to verify

Open production site and click Community
-- Observe both Community and Documentation are highlighted
Open deploy preview and click Community
-- Only Community is highlighted

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

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Navigation Highlighting Issue - Both Community and Documentation Highlighted

2 participants