274639 - Add class for wrapping <code> or make all <code> wrap

Status: RESOLVED FIXED

(www.mozilla.org :: General, enhancement)

Description

[Henri Sivonen (:hsivonen)]

The site-wide style sheet makes <code> non-wrapping. Often the horizontal
scrollbar is worse than wrapping. For wide <code> a class that permits wrapping
is needed (unless all <code> is reverted to wrapping).

I've used 
    .wrap {
      white-space: wrap;
    }
in local style. See http://www.mozilla.org/docs/web-developer/faq.html

Comment 1

[Henri Sivonen (:hsivonen)]

The name of the class could be obfuscated to make it look non-presentational.

Comment 2

[fantasai]

In those cases, I think it would be better if one used a <pre>, then wrapped the
code a bit tighter. If we let the UA do the wrapping, it could wrap in awkward
places. E.g. for a doctype, it's nicer to wrap between the strings rather than
at breakpoints within them.

Henri, do you think that would be sufficient or do you really want a 'long'
class for <code> elements?

Comment 3

[Henri Sivonen (:hsivonen)]

Oops that should have been white-space: normal; . But yes, I really would like
to have the class.

Comment 4

[fantasai]

fix checked in, use class="long"