Skip to content

feat(web): adapt toolbar for mobile devices - #867

Open
SiYue-ZO wants to merge 5 commits into
sipeed:mainfrom
SiYue-ZO:feat/mobile-toolbar
Open

feat(web): adapt toolbar for mobile devices#867
SiYue-ZO wants to merge 5 commits into
sipeed:mainfrom
SiYue-ZO:feat/mobile-toolbar

Conversation

@SiYue-ZO

@SiYue-ZO SiYue-ZO commented Aug 7, 2026

Copy link
Copy Markdown
Contributor

Summary

  • add responsive device detection and an edge-mounted portrait toolbar for touch devices
  • support dragging, edge switching, collapsing, scrolling, and persisted toolbar placement
  • open mobile popovers toward the screen interior and constrain them to the viewport
  • keep the auto-hidden toolbar accessible in touch landscape mode while preserving desktop behavior

Add a draggable and collapsible portrait toolbar with persisted placement. Keep the auto-hidden toolbar accessible in touch landscape mode. Open mobile popovers toward the screen interior, constrain them to the viewport, and dismiss them before dragging.
Use a full-screen master-detail settings flow on portrait touch devices while preserving the desktop layout. Respect mobile safe areas, add accessible navigation controls, and reflow fixed-width forms, network details, device controls, and Tailscale content for narrow screens.
Restore column layout for setting titles and helper text so responsive reflow keeps descriptions below their headings across appearance, device, network, and update pages.
Add translated back and close labels to every remaining locale so the mobile settings header does not rely on the English fallback.
Load react-simple-keyboard from its native ESM entry so production builds render the component instead of a CommonJS module wrapper.
@SiYue-ZO
SiYue-ZO force-pushed the feat/mobile-toolbar branch from 9d607d7 to deb8571 Compare August 10, 2026 02:10
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant