Skip to content

[Feature]: Collapsible Sidebar for Dashboard #19272

@AllardQuek

Description

@AllardQuek

Problem or Use Case

The current dashboard sidebar is always fully expanded on desktop, occupying significant horizontal space. Users working on smaller screens or those who prefer a more focused workspace may find the persistent sidebar distracting or space-inefficient. There is no way to temporarily hide or minimize the sidebar while retaining quick access to navigation and system actions.

Proposed Solution

Introduce a collapsible sidebar feature for the dashboard:

  • Add a toggle button (chevron) at the top of the sidebar, visible on desktop (lg: breakpoint), to collapse or expand the sidebar.
  • When collapsed:
    • Sidebar shrinks to a narrow rail, showing only icons for navigation and actions.
    • All text labels, section headers, and footer (version/org) are hidden.
    • System status is represented by a colored dot indicator.
    • Theme and language switchers show only their icons.
  • When expanded:
    • Sidebar displays full labels, section headers, and footer as before.
  • Persist the collapsed/expanded state in localStorage so the user's preference is remembered.
  • Mobile sidebar behavior remains unchanged (always full width when open).

This enhancement improves usability for users who want to maximize workspace or prefer a minimalist interface, while maintaining quick access to all sidebar functions.

Alternatives Considered

No response

Feature Type

Developer experience (tests, docs, CI)

Scope

None

Contribution

  • I'd like to implement this myself and submit a PR

Debug Report (optional)

Metadata

Metadata

Assignees

No one assigned

    Labels

    P3Low — cosmetic, nice to havesweeper:implemented-on-mainSweeper: behavior already present on current maintype/featureNew feature or request

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions