The change: web: make <code> and <pre> BBCode text word-wrap
If you don't, and there's a long item, table cells are stretched out and other items become hard to read (need to scroll horizontally) diff --git a/html/user/main.css <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=b9a6112418378fbbe6123c2759612ca12550ff20> b/html/user/main.css <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=e5b9700de6c03954c58287a0b0115be3c88d8694;hb=f4095a1c39708f52935d97e721f81f5a46381e77> index b9a6112 <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=b9a6112418378fbbe6123c2759612ca12550ff20> ..e5b9700 <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=e5b9700de6c03954c58287a0b0115be3c88d8694;hb=f4095a1c39708f52935d97e721f81f5a46381e77> 100644 (file) --- a/html/user/main.css <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=b9a6112418378fbbe6123c2759612ca12550ff20> +++ b/html/user/main.css <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=e5b9700de6c03954c58287a0b0115be3c88d8694;hb=f4095a1c39708f52935d97e721f81f5a46381e77> @@ -400,7 <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=b9a6112418378fbbe6123c2759612ca12550ff20#l400> +400,7 <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=e5b9700de6c03954c58287a0b0115be3c88d8694;hb=f4095a1c39708f52935d97e721f81f5a46381e77#l400> @@ span.inboxunread { .pre { font-family: "Courier New", courier, monospace; display: block; - white-space: pre; +#white-space: pre; overflow: auto; } @@ -411,7 <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=b9a6112418378fbbe6123c2759612ca12550ff20#l411> +411,7 <http://boinc.berkeley.edu/gitweb/?p=boinc-v2.git;a=blob;f=html/user/main.css;h=e5b9700de6c03954c58287a0b0115be3c88d8694;hb=f4095a1c39708f52935d97e721f81f5a46381e77#l411> @@ span.inboxunread { border-left-width: 3px; border-left-style: solid; padding-left: 1em; - white-space: pre; +#white-space: pre; overflow: auto; } This change turns multi-line [pre] and [code] blocks in to a wall of text. For example: http://boinc.berkeley.edu/dev/forum_thread.php?id=9912&postid=59917 http://setiathome.berkeley.edu/forum_thread.php?id=73642&postid=1639398 As for the word-wrapping, it makes it hard to write posts where formatting matters, such as a list of command line commands or configuration files where you can't cut one line into several lines. You would need to explicitly tell people where each line starts and ends. Also ascii art tables are not possible with this change. I agree that horizontal scrolling is annoying (hint: arrow keys) but this is, imho, worse. I think I've seen websites where there isn't scroll bars for every bit of overwide content but just the normal scroll bar for the browser window. Unfortunately I can't tell you how to implement such a thing. (If you absolutely must have [pre] and [code] word-wrapped Opera's Web Inspector shows that there is 'white-space: pre-wrap' which does better job. I don't have the faintest idea which browsers support it though.) -Juha _______________________________________________ boinc_dev mailing list [email protected] http://lists.ssl.berkeley.edu/mailman/listinfo/boinc_dev To unsubscribe, visit the above URL and (near bottom of page) enter your email address.
