switch the conversation body content from a pre element that inherits too much funky style to a div with the correct white-space css.
authorBryan Clark <clarkbw@gnome.org>
Wed, 14 Jan 2009 11:19:50 -0800
changeset 32 f841237f781476cf374dea72fccf5e390bcc2824
parent 31 ed8b1d87d0f68aa709eed184dcd22b51f27482f5
child 33 80d0ddcd7f58a224e87e9154ef51af4e60aec26b
push id1
push userroot
push dateWed, 08 Apr 2009 01:46:05 +0000
switch the conversation body content from a pre element that inherits too much funky style to a div with the correct white-space css.
client/conversation.xml
--- a/client/conversation.xml
+++ b/client/conversation.xml
@@ -249,17 +249,17 @@
           </div>
         </div>
       </div>
       <div class="body">
         <div id="attachments-list" class="attachments-list">
           <div>attachments</div>
           <ul id="attachment_ul"></ul>
         </div>
-        <pre id="iframe" class="content"></pre>
+        <div id="iframe" class="content"></div>
         <div class="attachments-area"></div>
         <div class="actions">
           <button>reply all | v</button>
           <button>forward</button>
           <button>other actions | v</button>
         </div>
       </div>
     </xbl:template>
@@ -300,17 +300,17 @@
 :bound-element { display: block; }
 
 :bound-element .body { display: none; }
 :bound-element .body .attachments-list { font-size: small; margin: 0.5em;
                                    margin-left: 1em; list-style: none;
                                    padding: 0em; }
 :bound-element .body .attachments-list { background-color: #f3f3f3; padding: 0.5em; -moz-border-radius: 0.3em; }
 :bound-element .body .attachments-list ul { margin-left: 0.5em; }
-:bound-element .body .content { color: #111; padding: 0.5em; }
+:bound-element .body .content { color: #111; padding: 0.5em; white-space: pre-wrap; }
 :bound-element .body .attachments-area { }
 :bound-element .body .actions { padding: 0.5em; background-color: #f3f3f3;
                                          -moz-border-radius-bottomright: 0.3em;
                                          -moz-border-radius-bottomleft: 0.3em; }
 
 #iframe.content { width: 36em; border: none; overflow: visible}
 
 :bound-element.expanded { max-width: 40em;