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

fix(treeview): increase hit area of twistie to 24px #13354

Conversation

alisonjoseph
Copy link
Member

@alisonjoseph alisonjoseph commented Mar 15, 2023

Closes #13114, Closes #12769

Changelog

Changed

  • Update styles to increase twistie hit area to 24px x 24px

Testing / Reviewing

Visually Treeview should look identical to live storybook, but confirm that hit area for twistie arrow is now 24px
https://deploy-preview-13354--carbon-components-react.netlify.app/?path=/story/components-treeview--default

Screenshot 2023-03-16 at 9 41 34 AM

@netlify
Copy link

netlify bot commented Mar 15, 2023

Deploy Preview for carbon-components-react ready!

Built without sensitive environment variables

Name Link
🔨 Latest commit 27cf234
🔍 Latest deploy log https://app.netlify.com/sites/carbon-components-react/deploys/641a07fa460d3f0008c8b7a8
😎 Deploy Preview https://deploy-preview-13354--carbon-components-react.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@netlify
Copy link

netlify bot commented Mar 15, 2023

Deploy Preview for carbon-elements ready!

Name Link
🔨 Latest commit 27cf234
🔍 Latest deploy log https://app.netlify.com/sites/carbon-elements/deploys/641a07fa52d4a0000892c31e
😎 Deploy Preview https://deploy-preview-13354--carbon-elements.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

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

@alisonjoseph alisonjoseph marked this pull request as ready for review March 16, 2023 15:44
@alisonjoseph alisonjoseph requested a review from a team as a code owner March 16, 2023 15:44
Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good to me!

@tw15egan
Copy link
Collaborator

Unrelated to this PR, but it seems you can't collapse/expand these sections via keyboard. The style changes look good

@alisonjoseph
Copy link
Member Author

@tw15egan keyboard is working for me, for Treeview keyboard controls its left/right arrrows to open/close
https://www.w3.org/WAI/ARIA/apg/patterns/treeview/

@tw15egan
Copy link
Collaborator

til today i learned - 87gYYkSC09QetBBHge

Copy link
Member

@tay1orjones tay1orjones left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks great!

@kodiakhq kodiakhq bot merged commit 5f6392d into carbon-design-system:main Mar 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
4 participants