-
Notifications
You must be signed in to change notification settings - Fork 371
docs(CodeEditor): add configuration example from OCP #12026
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
base: main
Are you sure you want to change the base?
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Just one comment about a prop. I'm going to ping Eric to get his opinion on accessibility. I had a go at looking at this with VoiceOver and axe, but he knows more about it. I'll see if design needs to weigh in on the alignment or anything.
packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx
Outdated
Show resolved
Hide resolved
Bugged Andrew off-GitHub to see if this needs design review. |
f2c5967
to
66fef93
Compare
Andrew will review once #12032 merges and Surge is back. May want to adjust alignment. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Overall this looks great 🆒 🐱 a11y wise I think things look good, just some comments in files or below
- Not entirely sure about not including an explicit "save" button in the Modal. It's an implementation that already exists in general, I'd just want to be cautious about potentially creating confusion. Since it's an example we can probably wait to see if any feedback comes in on it, but adding a "save" button or some sort of verbiage at the top to mention "settings will autosave" or something could be worth considering at some point in the future
packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx
Show resolved
Hide resolved
packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx
Show resolved
Hide resolved
packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx
Outdated
Show resolved
Hide resolved
packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx
Outdated
Show resolved
Hide resolved
packages/react-code-editor/src/components/CodeEditor/examples/CodeEditorConfigurationModal.tsx
Outdated
Show resolved
Hide resolved
2f7c4fa
to
ee59b2d
Compare
I think if you rebase against main, you'll pull in #12032 and be able to get the Surge link for @andrew-ronaldson. It is now merged. |
ee59b2d
to
14de436
Compare
Preview: https://pf-react-pr-12026.surge.sh A11y report: https://pf-react-pr-12026-a11y.surge.sh |
Could you put the icons in the heading instead? We do that in other components with a span I think. |
14de436
to
96b25d0
Compare
@andrew-ronaldson Feelings? |
We're in code freeze ahead of release, but will try to merge this once it lifts! |
What: Closes #11878
Additional issues: openshift/console#15254