Non-occluding mobile inspector (object + plop) #101

Closed
opened 2026-07-22 04:36:53 +00:00 by steve · 0 comments
Owner

Part of #96. Depends on the editor-mode-model issue.

Problem. On mobile, selecting an object opens the rail as a bottom sheet that covers the whole canvas (see epic screenshot) — you can't see the thing you're editing while you edit it, and you certainly can't see the bed you're planting into. Same for the plop inspector.

Do.

  • Make the object/plop inspector a compact, partial-height bottom sheet (a "peek" that leaves the top ~55–60% of the canvas visible), with the selected object kept in view (pan/scroll the canvas so the selection sits in the visible band above the sheet).
  • Expandable to full detail on demand (drag up / "More"), collapsible back to a peek. The peek shows the essentials (name, the primary action — Plant here / Add note — size); the expanded state shows the full property set.
  • Deselect / close returns to the mode's tool bar without leaving a dead gap.
  • Keep desktop's side-rail inspector.

Acceptance.

  • Selecting a bed on a phone keeps the bed visible while its inspector shows.
  • The primary action (Plant here) is reachable in the peek without expanding.
  • Plop inspector behaves the same way.

Pairs with the mode model; keep it to the inspector surface so the PR stays reviewable.

Part of #96. Depends on the editor-mode-model issue. **Problem.** On mobile, selecting an object opens the rail as a bottom sheet that **covers the whole canvas** (see epic screenshot) — you can't see the thing you're editing while you edit it, and you certainly can't see the bed you're planting into. Same for the plop inspector. **Do.** - Make the object/plop inspector a **compact, partial-height bottom sheet** (a "peek" that leaves the top ~55–60% of the canvas visible), with the selected object kept in view (pan/scroll the canvas so the selection sits in the visible band above the sheet). - Expandable to full detail on demand (drag up / "More"), collapsible back to a peek. The peek shows the essentials (name, the primary action — Plant here / Add note — size); the expanded state shows the full property set. - Deselect / close returns to the mode's tool bar without leaving a dead gap. - Keep desktop's side-rail inspector. **Acceptance.** - Selecting a bed on a phone keeps the bed visible while its inspector shows. - The primary action (Plant here) is reachable in the peek without expanding. - Plop inspector behaves the same way. Pairs with the mode model; keep it to the inspector surface so the PR stays reviewable.
steve added the frontenddrawing labels 2026-07-22 04:36:53 +00:00
steve closed this issue 2026-07-22 13:49:53 +00:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: steve/pansy#101