Responsive publishing workspace

Retain full editorial capability on phone without treating the desktop interface as a scaled picture.

On this page

Task and context

Retain full editorial capability on phone without treating the desktop interface as a scaled picture.

Flow and composition

Flow and composition
Stage	Interface responsibility
Navigate	Open the sidebar drawer and choose a destination.
Scan	Stack list context around the title and state.
Edit	Wrap toolbars, stack fields and retain tab labels.
Save	Keep inline/sticky actions reachable without covering content.

Decisions and handoff

Keep native target sizes and remove unnecessary density before shrinking controls.
Review fixed elements with the actual phone viewport, not a stretched desktop screenshot.

Recovery and acceptance

Check 390px captures and 200% zoom.
Verify drawer close/focus return and editor tab keyboard behavior separately.
Screenshots must keep intrinsic ratios and original pixel inspection available.

Source references

Source references
File	Responsibility
components/admin/admin-shell-navigation.tsx	Audited Townwell implementation; use this file when extending this interface.
components/admin-ui.tsx	Audited Townwell implementation; use this file when extending this interface.
components/admin/sticky-save-bar.tsx	Audited Townwell implementation; use this file when extending this interface.

Examples from the app

Actual Boise Today and Townwell UI with synthetic editorial, business, review, media metadata and analytics. Existing Boise imagery; no live data changes. Captured at 2× resolution or higher. Select an image to inspect it full size.