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(notification): title word wrap #3280

Conversation

elizabethsjudd
Copy link
Contributor

Closes #2294

Notifications with long titles need to wrap so the content is visible

Changelog

Changed

  • the word wrapping for inline notification titles

Testing / Reviewing

Test notifications with different title lengths in all Carbon supported browsers

Copy link
Contributor

@joshblack joshblack left a comment

Choose a reason for hiding this comment

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

Would we want it to wrap, or would we want it to have a title attribute or custom tooltip? cc @carbon-design-system/design

@netlify
Copy link

netlify bot commented Jul 3, 2019

Deploy preview for carbon-components-react ready!

Built with commit a224d1f

https://deploy-preview-3280--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Jul 3, 2019

Deploy preview for the-carbon-components ready!

Built with commit a224d1f

https://deploy-preview-3280--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Jul 3, 2019

Deploy preview for carbon-elements ready!

Built with commit a224d1f

https://deploy-preview-3280--carbon-elements.netlify.com

@elizabethsjudd
Copy link
Contributor Author

I was going based on the solution accepted here: #2746. FYI, the title attribute is not a11y compliant for sighted keyboard users so it would need to be a custom tooltip if that's the approach design chooses

Copy link
Contributor

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

LGTM 👍

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 tw15egan merged commit d13e1eb into carbon-design-system:master Jul 8, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Carbon 10: Notification] Inline notification visual issues
4 participants