[Inori]

The current CSS rules are the same for both code blocks and quotes, meaning that quotes don't have the right "word-break" value and get broken wherever instead of just on spaces and hyphens. The following small edit removes the breaks from quotes, but retains them for code tags.

Edit: new CSS also limits the height of code tags, so users don't need to scroll past big blocks of code if they don't want to view all of it.

Old CSS:

Code:

blockquote, .codeblock {
    padding: 6px;
    background-color: rgba(0,0,0,0.200);
    border: 1px solid rgba(255,255,255,0.040);
    margin: 8px 0px;
    overflow: auto;
    word-break: break-all;
}

New CSS:

Code:

blockquote, .codeblock {
    padding: 6px;
    background-color: rgba(0,0,0,0.200);
    border: 1px solid rgba(255,255,255,0.040);
    margin: 8px 0px;
    overflow: auto;
}

.codeblock .body {
    word-break: break-all;
    max-height: 450px;
}

[mothered]

A simple class selector has fixed the word-break Issue.

Nice piece of work @"Inori".

[Mr.Kurd]

Thank you, Good work keep it up .

[Dismas]

Should be implemented now.

[Dismas]

I think we still need to fix the max-height.

[Inori]

I think we still need to fix the max-height.

I've been playing with the CSS for a little bit (thank god for CDT) and I think something around 275-300px would work, but that's just a really quick look at it. Might be better to tinker a little when you've got some time.