Skip to content

Made close buttons bigger, LED icon buttons interactive.#868

Open
glastonbridge wants to merge 1 commit intoappsfrom
apps-hit-areas
Open

Made close buttons bigger, LED icon buttons interactive.#868
glastonbridge wants to merge 1 commit intoappsfrom
apps-hit-areas

Conversation

@glastonbridge
Copy link
Copy Markdown
Collaborator

Added a conservative amount of hidden hit area to help with clicking close buttons, tested on mobile and it makes a difference.

Also associate the LED Icon SVG with the LED Icon picker in the ActionNameCard so that it can be clicked as a single unit. This is significant on mobile where it is intuitive to tap the LED Icon to change it, but the dropdown icon still gives the affordance that it is something that can be changed.

image image image

Addresses #856 #560

@github-actions
Copy link
Copy Markdown

Preview build will be at
https://review-createai.microbit.org/apps-hit-areas/

@microbit-grace
Copy link
Copy Markdown

microbit-grace commented Apr 13, 2026

Mostly LGTM, there's a weird behaviour where it seems like the third tap doesn't do anything. First tap opens popover, second tap closes popover, third tap does nothing.

icon-click.mov

Adding as="button" in the HStack mysteriously seems to fix the issue, but accessibility-wise maybe not the best to have a button in a button. Will have a play and tweak, thanks!

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