If a page is created using views, the contents of the view would overflow into the the sidebar. Eg: long paragraphs are not wrapped but are written on one line across the entire page. The problem does not occur if you are using formatted text (Body Field or Text[formatted, Long]) when creating a content type. I used the devel module to generate the content and there were no spaces or breaks, just one loooooooooooooooong word; that might just be a long word issue and not really an adjustment that needs to be made to the CSS. In the real world i don't see that being an issue unless someone creates a plain text field on a content type and fills it with a looooooooooooong word. :)
Appending the following CSS to the two-column__left class fixes the issue. I'm just playing around with the distribution so i'm not sure if it was designed like this on purpose.
Let me know if i can do anything to help (Testing, site-building, documentation or anything else that might help to make this distribution better).
.two-column__left {
padding: 0px 12.5px;
padding: 0rem 0.78125rem;
float: left;
width: 67%;
overflow-wrap: break-word; ##addition
word-wrap: break-word; ##addition
}
Comment | File | Size | Author |
---|---|---|---|
#2 | wrapsfine.PNG | 55.93 KB | gcharles |
code highlight.PNG | 295.13 KB | gcharles | |
wordwrap.PNG | 173.25 KB | gcharles |
Comments
Comment #2
gcharles CreditAttribution: gcharles commentedComment #3
Sam152 CreditAttribution: Sam152 as a volunteer and at PreviousNext commentedHaving long words overflow the container could help readability if there is a genuine word that long, although I can't think of one :)
If we were to implement this fix, we'd probably apply it to body or * to keep it consistent, but I think overflowing the container is a totally acceptable for now? Anyone is free to create a sub-theme to implement this, but for now I think this is "works as designed".
If there is a great reason to do this which applies to a real world use case, please reopen.
Comment #4
gcharles CreditAttribution: gcharles commentedOk i understand :)