Re: [boinc_dev] web: make and BBCode text word-wrap

[David Anderson]

Thanks; I reverted this change.
-- David

On 10-Feb-2015 8:00 AM, Juha wrote:

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 --gita/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>
indexb9a6112
<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
boinc_dev@ssl.berkeley.edu
http://lists.ssl.berkeley.edu/mailman/listinfo/boinc_dev
To unsubscribe, visit the above URL and
(near bottom of page) enter your email address.