Home → Propane: Tips and Tricks →

Tip: Making short pastes wrap when inline

Matthew Brindley

09 Jan, 2009 01:59 PM via web

Admin Functions

• Edit
• Remove

This might just be a personal thing, but I've always found it a little frustrating that short pastes in Campfire don't wrap, so you have to horizontally scroll.

I've found adding this snippet of CSS (which I borrowed from here: http://tinyurl.com/9dnu6v ) fixes the issue:

pre {
 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+ */
}

Add the above CSS to:

~/Library/Application Support/Propane/styles/cf_chat.css

1. Support Staff 2 Posted by trevor on 09 Jan, 2009 05:44 PM

   

   Thanks Matthew, that's great!

   I've made a small change to your snippet - there's no need to include any cross-browser values because Propane uses Webkit (the same engine as Safari).

   So this is (I believe) functionally equivalent:

   pre {
     white-space: pre-wrap ! important;
   }
   

   I added the !important bit because rules defined in cf_chat.css are given the lowest precedence - I guess I'm a bit paranoid about making sure the rule is applied :-)

   Regards, Trevor

   Admin Functions

   • Edit
   • Remove

2. trevor closed this discussion on 09 Jan, 2009 05:44 PM.

3. Matthew Brindley re-opened this discussion on 09 Jan, 2009 06:31 PM

4. 3 Posted by Matthew Brindley on 09 Jan, 2009 06:31 PM

   

   Thanks Trevor, I've updated my stylesheet now, that's excellent.

   Thanks again for Propane, it's a great app (especially being able to customise the little things), I just bought my copy :-)

   Admin Functions

   • Edit
   • Split
   • Remove

5. trevor closed this discussion on 16 Jan, 2010 09:54 AM.

Comments are currently closed for this discussion. You can start a new one.