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

touchup: set role button for diagram parts #596

Merged
merged 1 commit into from
Dec 8, 2024

Conversation

keyserj
Copy link
Collaborator

@keyserj keyserj commented Dec 8, 2024

so they can be clicked by vimium

Description of changes

Additional context

Copy link

netlify bot commented Dec 8, 2024

Deploy Preview for velvety-vacherin-4193fb ready!

Name Link
🔨 Latest commit f5ee8dd
🔍 Latest deploy log https://app.netlify.com/sites/velvety-vacherin-4193fb/deploys/675620dab6288800089ae080
😎 Deploy Preview https://deploy-preview-596--velvety-vacherin-4193fb.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.
Lighthouse
Lighthouse
1 paths audited
Performance: 72
Accessibility: 86
Best Practices: 92
SEO: 100
PWA: 80
View the detailed breakdown and full score reports

To edit notification comments on pull requests, go to your Netlify site configuration.

Copy link

netlify bot commented Dec 8, 2024

Deploy Preview for ameliorate-docs canceled.

Name Link
🔨 Latest commit f5ee8dd
🔍 Latest deploy log https://app.netlify.com/sites/ameliorate-docs/deploys/675620dac32a1d00082f4868

@keyserj keyserj force-pushed the keyboard-clickable-diagram-parts branch from 5db8ad2 to 08eb1d1 Compare December 8, 2024 22:40
regardless of context, so now you can edit text without selecting
the node, and select a node in the details pane without the details
indicator button.

We set `cursor: pointer` to convey that a node will be selected vs
`cursor: text` to convey that node's text will be selected. This
seems good enough to avoid confusion, at least on desktop... We'll
want to keep an eye out for if this is acceptable on mobile.

also includes setting role button for diagram parts
so they can be clicked by vimium.
@keyserj keyserj force-pushed the keyboard-clickable-diagram-parts branch from 08eb1d1 to f5ee8dd Compare December 8, 2024 22:42
@keyserj
Copy link
Collaborator Author

keyserj commented Dec 8, 2024

One idea that may be better/less-confusing is if the node type label, with it's colored & distinct background, is specifically used for the click-to-select point. Then the rest of the white background of the node can be used for clicking the input text. One downside of that though is that someone might expect clicking elsewhere on the node to select it - why just the label?

Will just keep that in mind though, this seems good enough for now.

@keyserj keyserj merged commit 3506c2a into main Dec 8, 2024
13 checks passed
@keyserj keyserj deleted the keyboard-clickable-diagram-parts branch December 8, 2024 22:59
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