Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Switch custom icon not clickable #1524

Merged

Conversation

bartbutenaers
Copy link
Contributor

@bartbutenaers bartbutenaers commented Dec 7, 2024

Description

While implementing pull request 1511 (i.e. clickable area "None" for ui-switch), seems I overlooked the custom icons had a special part in the vue template.

When clickable area is "None", the custom icon switch should also be non-clickable.
You can use the example flow from another issue (see 1522) to test this: just change the clickable area to "None".

Related Issue(s)

Closes 1521

Checklist

  • I have read the contribution guidelines
  • Suitable unit/system level tests have been added and they pass
  • Documentation has been updated
    • Upgrade instructions
    • Configuration details
    • Concepts
  • Changes flowforge.yml?
    • Issue/PR raised on FlowFuse/helm to update ConfigMap Template
    • Issue/PR raised on FlowFuse/CloudProject to update values for Staging/Production

Labels

  • Includes a DB migration? -> add the area:migration label

@joepavitt
Copy link
Collaborator

I've also added pointer-events: none to prevent any hover behaviour also being triggered when click events are set to "None". This ensure it's clear to the end-users that no interaction is available.

@joepavitt joepavitt merged commit a85ce73 into FlowFuse:main Dec 11, 2024
2 checks 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