Problems viewing wrapped code snippets w/ IE7 and Firefox 2.009

[jon.c.peterson@…]

Using version Trac-0.11dev_r6153-py2.5.egg

When printing code snippets using Code WikiFormatting. Scroll bar appears on printout and the content does not wrap.

Found a css code snippet to fix both IE7 and Firefox ​http://users.tkk.fi/~tkarvine/pre-wrap-css3-mozilla-opera-ie.html

Other browsers not tested.

Added the following css to trac.css (line 317)

pre.wiki, pre.literal-block{ section

 white-space: pre-wrap;       /* css-3 */
 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
 white-space: -pre-wrap;      /* Opera 4-6 */
 white-space: -o-pre-wrap;    /* Opera 7 */
 word-wrap: break-word;       /* Internet Explorer 5.5+ */

[jon.c.peterson@…]

The above css works, however, the display of the timeline class prints on top of the code section. This occurs whether using the fix or not when inserting large amounts of code into a comment.

[jon.c.peterson@…]

Another proposed css modification to fix overwrite problem. Appears to be related to overflow being set to auto. Added under @media print section of trac.css

pre.wiki{ overflow:visible }

fixed overwrite problem in IE7 and Firefox 2.009

[Christian Boos]

Suggested fix works fine.

On the topic of CSS for printing, there's probably several other things to fix, but the most urgent and obvious seems to be to remove the border-bottom for links:

trac/htdocs/css/trac.css

@@ -637 +637 @@
    display: none;
  }
  form.printableform { display: block }
+ pre.wiki { overflow: visible }
+ :link, :visited { border-bottom: none }
 }

[Christian Boos]

Patch applied in r10666.