Skip to content

feat: removing extension overview sidebar intermediate state - #2072

Merged
netomi merged 2 commits into
eclipse-openvsx:mainfrom
gnugomez:gnugomez/main/extension-overview-sidebar-under-mobile
Aug 18, 2026
Merged

netomi merged 2 commits into
eclipse-openvsx:mainfrom
gnugomez:gnugomez/main/extension-overview-sidebar-under-mobile

Conversation

@gnugomez

Copy link
Copy Markdown
Member

This patch fixes #2068 by removing the intermediate state of the sidebar, now there's only two possibilities, mobile or desktop, not tablet, for tablet the sidebar would remain as in desktop.

@cstamas cstamas left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

Looks nice 😉

Copilot AI left a comment

Copy link
Copy Markdown
Contributor

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 updates the Web UI’s extension detail overview layout to remove the “intermediate/tablet” sidebar state, aiming for only two responsive modes: mobile (stacked) and desktop (two-column), addressing layout issues reported in #2068.

Changes:

  • Simplifies the main layout breakpoint logic to switch to a two-column layout starting at md (instead of only at xl).
  • Makes the sidebar content consistently stack vertically (rows) instead of switching to a multi-column/row layout at some breakpoints.
  • Adds spacing via flex gap to replace some prior breakpoint-specific spacing logic.

💡 Add a code-review agent skill or configure MCP servers for context-aware, tailored reviews. Learn more in the docs.

…akpoint

resourcesGroup's own mb: { xs: 2, sm: 2, md: 0, lg: 0, xl: 2 } was a
leftover from when the sidebar groups were laid out in a row at
md/lg (no vertical margin needed there). Now that the sidebar is
unconditionally a column at every breakpoint, that split meant md/lg
groups got only the parent's gap: 2 (16px) while xs/sm/xl groups got
gap: 2 plus their own mb: 2 stacked on top (32px) - reintroducing the
same tablet-vs-desktop inconsistency this PR removes elsewhere.

Drop mb entirely and let the parent's gap: 2 be the sole source of
spacing between groups, consistently at every breakpoint.

Refs eclipse-openvsx#2068

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
@netomi
netomi merged commit 7b879e9 into eclipse-openvsx:main Aug 18, 2026
5 checks passed
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.

Web UI: Window resizing causes sidebar content layout issues

4 participants