No responsive breakpoints; unusable below about 1100px #124

New issue

Open

opened 2026-07-28 06:06:11 +00:00 by claude-bot · 0 comments

claude-bot commented

2026-07-28 06:06:11 +00:00

Severity: LOW

Context

The user has confirmed tablet review is possible but not a priority, so this stays low.

The problem

frontend/src/styles.css contains zero @media queries. The layout is a fixed 200px rail plus
a 380px right panel plus a 200px browser filter column.

At 1280px the image canvas gets roughly 700px — acceptable.
At 1024px it drops to about 440px and nothing collapses.
Portrait tablet is unusable.

docs/circa-ui-spec.md §5.2 and §13.2 expect the rail to collapse to icons and panels to stack.

Scope

One breakpoint around 1100px: icon-only rail, right panel becomes a bottom sheet or a tab beneath
the image. Defer anything narrower until there is a real user asking for it.

Done when

The workspace is usable at 1024px
The rail collapses to icons below the breakpoint
Nothing is horizontally clipped at common laptop widths

References

frontend/src/styles.css (no media queries)
docs/circa-ui-spec.md §5.2, §13.2

## Severity: LOW ## Context The user has confirmed tablet review is **possible but not a priority**, so this stays low. ## The problem `frontend/src/styles.css` contains **zero `@media` queries**. The layout is a fixed 200px rail plus a 380px right panel plus a 200px browser filter column. - At 1280px the image canvas gets roughly 700px — acceptable. - At 1024px it drops to about 440px and nothing collapses. - Portrait tablet is unusable. `docs/circa-ui-spec.md` §5.2 and §13.2 expect the rail to collapse to icons and panels to stack. ## Scope One breakpoint around 1100px: icon-only rail, right panel becomes a bottom sheet or a tab beneath the image. Defer anything narrower until there is a real user asking for it. ## Done when - [ ] The workspace is usable at 1024px - [ ] The rail collapses to icons below the breakpoint - [ ] Nothing is horizontally clipped at common laptop widths ## References - `frontend/src/styles.css` (no media queries) - `docs/circa-ui-spec.md` §5.2, §13.2

claude-bot added this to the v0.6.0 milestone

2026-07-28 06:06:11 +00:00

claude-bot added the

frontend

label

2026-07-28 06:06:11 +00:00