Skip to content

Updated the sidebar component to allow only one section to expand at a time #568

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 1 commit into
base: main
Choose a base branch
from

Conversation

PrityanshuSingh
Copy link

What has changed?

Fixed an issue in the Keploy Docs sidebar where clicking on any tab in the navbar resulted in all sidebar tabs expanding simultaneously. The sidebar now maintains a cleaner UX by allowing only one tab to be open at a time.

This PR resolves #2785
keploy/keploy#2785

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 would cause existing functionality to not work as expected)
  • Documentation update (if none of the other choices apply)

How Has This Been Tested?

  • Ran npm run build to ensure build passes without errors.
  • Ran npm run serve to manually test sidebar interaction behavior.
  • Sidebar now collapses previously open tabs when a new one is expanded.

Screenshots:

Before After
After Before

Checklist:

  • My code follows the style guidelines of this project.
  • I have performed a self-review of my own code.
  • UI is responsive and maintains usability across devices.
  • I have tested the changes thoroughly using the development build.

@Copilot Copilot AI review requested due to automatic review settings June 18, 2025 21:17
Copy link

@Copilot Copilot AI left a comment

Choose a reason for hiding this comment

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

Pull Request Overview

This PR fixes the issue where all sidebar tabs were expanding simultaneously by ensuring only one section remains expanded at a time.

  • Updated the sidebar configuration to set sections as collapsed by default
  • Added a new "collapsible": true property for each sidebar category to support the intended behavior

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Thank you and congratulations 🎉 for opening your very first pull request in keploy

…a time, improving navigation clarity and user experience.

Signed-off-by: Prityanshu Singh <[email protected]>
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.

1 participant