Skip to content

fix(tables): fixed word wrap (iss1791)#1928

Merged
mattnolting merged 2 commits intopatternfly:masterfrom
lareplog:iss1791
Jun 20, 2019
Merged

fix(tables): fixed word wrap (iss1791)#1928
mattnolting merged 2 commits intopatternfly:masterfrom
lareplog:iss1791

Conversation

@lareplog
Copy link
Contributor

Added word-wrap to td's in table, now wraps when on mobile size.

Close #1791

@patternfly-build
Copy link
Collaborator

patternfly-build commented Jun 14, 2019

Deploy preview for pf-next ready!

Built with commit dbeb8c4

https://deploy-preview-1928--pf-next.netlify.com

background-color: var(--pf-c-table--BackgroundColor);

td {
word-break: break-all;
Copy link
Member

@christiemolloy christiemolloy Jun 14, 2019

Choose a reason for hiding this comment

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

Actually Lauren this is my bad will you change this to "word-break: break-word"

I tested this in the table, and some words were breaking when they shouldn't. Using "break-all" breaks every word, but "break-word" breaks just the really long words.

This is with break-all :
Screen Shot 2019-06-14 at 10 44 50 AM

This is with "break-word":
Screen Shot 2019-06-14 at 10 44 43 AM

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Changed it!

Copy link
Member

@christiemolloy christiemolloy left a comment

Choose a reason for hiding this comment

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

NICE!!!

Copy link
Collaborator

@mattnolting mattnolting left a comment

Choose a reason for hiding this comment

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

Well done!

@mattnolting mattnolting merged commit b117492 into patternfly:master Jun 20, 2019
@patternfly-build
Copy link
Collaborator

🎉 This PR is included in version 2.13.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

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.

4 participants