Skip to content

[app-bug] Dashboard sidebar doesn't collapse on mobile (sub-768px layout breaks) #859

@Gbangbolaoluwagbemiga

Description

@Gbangbolaoluwagbemiga

Problem

The dashboard's WorkspaceSidebar is rendered as a permanent flex column. Below 768px viewport width it eats most of the horizontal space and pushes the findings list and call graph off-screen.

Reproduction

  1. Open http://localhost:3000/dashboard with a loaded workspace
  2. Resize the window below ~768px (or use Chrome DevTools mobile preset)
  3. Observe: sidebar takes ~50% of the width; findings list compresses to a couple of words per line; call graph spills horizontally

Acceptance Criteria

  • At <md breakpoint, sidebar collapses to a slide-out sheet triggered by a hamburger in the dashboard header
  • Findings list, summary chart, and call graph all reflow correctly on mobile
  • Storybook stories for WorkspaceSidebar at mobile + desktop breakpoints
  • Playwright spec at the iPhone preset

Pointers

Difficulty

Medium. Layout reflow + state for the open sheet.

Metadata

Metadata

Labels

Stellar WaveIssues in the Stellar wave programarea: frontendNext.js frontend applicationdifficulty: mediumRequires domain knowledge, ~1-3 dayspriority: mediumMedium impact, upcoming sprinttype: bugSomething is broken

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