Rbanh/schemeta
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

P9-06: Responsive UX hardening for desktop and mobile editor panels #54

New Issue
Closed
opened 2026-02-19 23:28:02 -05:00 by Rbanh · 1 comment
Rbanh commented 2026-02-19 23:28:02 -05:00
Owner
Copy Link

Scope:

  • Refactor panel layout breakpoints and panel docking behavior.
  • Prevent inspector/list truncation and control collisions on narrow viewports.
  • Ensure zoom/pan/select controls remain discoverable and usable on touch + small screens.
  • Add viewport-specific e2e tests.

Acceptance:

  • Core workflows are usable at mobile/tablet widths.
  • No clipped controls or hidden critical actions.
  • Responsive snapshots pass in CI.
Scope: - Refactor panel layout breakpoints and panel docking behavior. - Prevent inspector/list truncation and control collisions on narrow viewports. - Ensure zoom/pan/select controls remain discoverable and usable on touch + small screens. - Add viewport-specific e2e tests. Acceptance: - Core workflows are usable at mobile/tablet widths. - No clipped controls or hidden critical actions. - Responsive snapshots pass in CI.
Rbanh added this to the Phase 9 - Layout & Readability Production Hardening milestone 2026-02-19 23:28:23 -05:00
Rbanh commented 2026-02-20 01:06:13 -05:00
Author
Owner
Copy Link

Completed by responsive hardening in cf3e64e and validated in current baseline suite.

Delivered:

  • Narrow viewport stack prioritizes canvas while preserving list/inspector operability.
  • Top bar action row made scrollable/usable at smaller widths.
  • Panel heights constrained to prevent control clipping.
  • Mobile/laptop snapshots maintained in UI regression suite.

Validation:

  • npm run test:ui passes with laptop-viewport baseline.

Closing as accepted for current Phase 9 scope.

Completed by responsive hardening in `cf3e64e` and validated in current baseline suite. Delivered: - Narrow viewport stack prioritizes canvas while preserving list/inspector operability. - Top bar action row made scrollable/usable at smaller widths. - Panel heights constrained to prevent control clipping. - Mobile/laptop snapshots maintained in UI regression suite. Validation: - `npm run test:ui` passes with `laptop-viewport` baseline. Closing as accepted for current Phase 9 scope.
Rbanh closed this issue 2026-02-20 01:06:44 -05:00
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
No items
No Label
Milestone
Clear milestone
No items
No Milestone
Phase 9 - Layout & Readability Production Hardening
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: Rbanh/schemeta#54
No description provided.
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?