Settings pages: sidebar doesn't collapse on narrow windows (no responsive layout)

[igoravl]

🏷️ Discussion Type

Product Feedback

💬 Feature/Topic Area

Other

Body

The Settings pages (repository, organization, and environment settings) don't support a responsive layout. When the browser window is narrowed, the left navigation sidebar never collapses, which leaves very little room for the main content.

Steps to reproduce

1. Open any repository's Settings page (e.g., Settings → Environments → [environment] → Variables/Secrets).
2. Reduce the browser window width (e.g., snap it to half of the screen).
3. Observe that the left sidebar stays fully expanded and squeezes the content.

Expected behavior

The sidebar should collapse (e.g., into a toggle/menu) on narrower viewports, as it already does on the Actions page.

Why it matters

Working with two windows side by side is a very common workflow. For example, comparing and editing variables and secrets of two environments (dev vs. prod) of the same app. With the current layout, this scenario is unnecessarily uncomfortable.

Screenshots

Settings, full width

Settings, two half-width windows (dev vs. prod)

Actions, full width (for comparison)

Actions, half width, with the sidebar collapsed correctly

If you've run into the same problem, please add a 👍 or share your use case. It helps the product team prioritize.

[github-actions[bot]]

💬 Your Product Feedback Has Been Submitted 🎉

Thank you for taking the time to share your insights with us! Your feedback is invaluable as we build a better GitHub experience for all our users.

Here's what you can expect moving forward ⏩

• Your input will be carefully reviewed and cataloged by members of our product teams. 
  • Due to the high volume of submissions, we may not always be able to provide individual responses.
  • Rest assured, your feedback will help chart our course for product improvements.
• Other users may engage with your post, sharing their own perspectives or experiences. 
• GitHub staff may reach out for further clarification or insight. 
  • We may 'Answer' your discussion if there is a current solution, workaround, or roadmap/changelog post related to the feedback.

Where to look to see what's shipping 👀

• Read the Changelog for real-time updates on the latest GitHub features, enhancements, and calls for feedback.
• Explore our Product Roadmap, which details upcoming major releases and initiatives.

What you can do in the meantime 💻

• Upvote and comment on other user feedback Discussions that resonate with you.
• Add more information at any point! Useful details include: use cases, relevant labels, desired outcomes, and any accompanying screenshots.

As a member of the GitHub community, your participation is essential. While we can't promise that every suggestion will be implemented, we want to emphasize that your feedback is instrumental in guiding our decisions and priorities.

Thank you once again for your contribution to making GitHub even better! We're grateful for your ongoing support and collaboration in shaping the future of our platform. ⭐

[KasraK2K]

Understanding the Problem

This is a well-documented and valid feature request. The issue identifies a significant UX gap in GitHub's Settings pages. Here's a summary:

The Problem

GitHub Settings pages (repository, organization, and environment settings) lack responsive design. The left sidebar navigation refuses to collapse when the browser window is narrowed, consuming valuable screen space and making side-by-side workflows impractical.

Why This Matters

• Common workflow: Developers frequently work with split-screen layouts to compare and edit configurations across environments (dev vs. prod)
• • Current experience: The fixed sidebar leaves minimal content space on narrow viewports, making this workflow unnecessarily cumbersome
• • Existing precedent: GitHub's Actions page already implements responsive behavior with a collapsible sidebar

Expected Solution

The sidebar should implement responsive breakpoints that:

1. Collapse the sidebar to a compact menu/toggle button on narrower viewports
2. 2. Match the behavior already present in the Actions page
3. 3. Maintain full functionality while optimizing screen real estate

Impact

Implementing this would significantly improve the developer experience for:

• Multi-monitor workflows
• • Side-by-side window comparisons
• • Mobile/tablet browsing
• • Any narrow viewport scenarios
    This is a legitimate product feedback that affects productivity for developers managing complex CI/CD and environment configurations.

Recommendation: Upvote this if you've experienced this limitation, as it helps GitHub's product team prioritize responsive design improvements across their settings interfaces.