---
{
  "n": 60,
  "title": "Collapse the sidebar into a toggled panel on phones",
  "abstract": "The desktop sidebar becomes a menu a visitor opens and closes on phones",
  "refs": [
    "message:11539"
  ],
  "seen": [
    "agent",
    "system",
    "user"
  ],
  "data": {
    "source": "user",
    "stage": "To do",
    "board": 13,
    "draft": true,
    "covers": [
      "3",
      "4"
    ],
    "agent": "board-filler",
    "dispatcher": "c35e7375-7ce3-4bc3-b1ae-7cdf73bd1488",
    "environment": "main",
    "dependencies": {
      "ticket:56": "proposed",
      "ticket:59": "proposed"
    }
  },
  "created": 1790374135.373569,
  "updated": 1791617912.3266869,
  "deleted": 1791617912.326321,
  "completed": 0.0,
  "outcome": "",
  "type": "ticket"
}
---
**What:** on phone widths, hide the sidebar/navigation behind a toggle instead of showing it open alongside the content.

**Why:** an always-open sidebar leaves little to no room for content on a phone screen and forces sideways scrolling.

**Touches:** the app's navigation/sidebar component and its CSS, and the toggle control that opens/closes it.

**Done when:** on a phone, the navigation is reached through a toggle, opens over the content without pushing it off-screen, and closes after a choice is made.

**Risk:** a badly placed toggle could be missed by users; place it where the collapsed top bar's menu also lives.