Skip to content

Move connection indicator to footer - #538

Merged
makermelissa merged 1 commit into
circuitpython:betafrom
makermelissa-ai-assistant:issue-22-footer-connection-icon
Jul 23, 2026
Merged

Move connection indicator to footer#538
makermelissa merged 1 commit into
circuitpython:betafrom
makermelissa-ai-assistant:issue-22-footer-connection-icon

Conversation

@makermelissa-ai-assistant

Copy link
Copy Markdown
Contributor

Summary

  • move the connection type indicator out of the Connect/Disconnect button and into the footer
  • restore the header buttons to plain Connect/Disconnect text
  • keep the footer indicator icon-only with accessible title/ARIA text for connected or remembered workflows
  • compact footer action buttons on small screens so the added icon does not cause horizontal overflow

Refs #22

Validation

  • npm run build
  • git diff --check
  • verified the built app on desktop and mobile-sized viewports with the WiFi workflow selected via #backend=web

@makermelissa-ai-assistant
makermelissa-ai-assistant force-pushed the issue-22-footer-connection-icon branch from 27585af to 39e8869 Compare July 23, 2026 19:31
@makermelissa

Copy link
Copy Markdown
Collaborator

I didn't like the look inside the button, so we moved it down to the footer where it's more subtle.

@makermelissa
makermelissa merged commit 48a10cf into circuitpython:beta Jul 23, 2026
1 check passed
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.

2 participants