diff options
| author | Aleksander Machniak <alec@alec.pl> | 2014-05-11 11:03:45 +0200 |
|---|---|---|
| committer | Aleksander Machniak <alec@alec.pl> | 2014-05-11 11:03:45 +0200 |
| commit | eda92ed4c0d2735144df8fa2136584de69634bdb (patch) | |
| tree | ab1f817904ed365e657380d784107ef4e14f18ce /skins/larry | |
| parent | 638ebf69c4bdc3717d8ae535ec3b1f4b753f5856 (diff) | |
Improved display of plain text messages and text to HTML conversion (#1488937)
Now instead of <pre> we use <div class="pre"> styled with monospace
font. We replace whitespace characters with non-breaking spaces where
needed. I.e. plain text is always unwrappable, until it uses format=flowed,
in such a case only flowed paragraphs are wrappable.
Also conversion of text to HTML in compose editor was modified in the same way.
Diffstat (limited to 'skins/larry')
| -rw-r--r-- | skins/larry/editor_content.css | 13 | ||||
| -rw-r--r-- | skins/larry/mail.css | 11 |
2 files changed, 8 insertions, 16 deletions
diff --git a/skins/larry/editor_content.css b/skins/larry/editor_content.css index aabed07b5..67480ab77 100644 --- a/skins/larry/editor_content.css +++ b/skins/larry/editor_content.css @@ -12,20 +12,15 @@ body { margin-top: 2px; } -pre -{ +div.pre { margin: 0; padding: 0; - white-space: -moz-pre-wrap !important; - white-space: pre-wrap !important; - white-space: pre; - word-wrap: break-word; /* IE (and Safari) */ + font-family: monospace; } blockquote { - padding-left: 5px; border-left: #1010ff 2px solid; - margin-left: 5px; - width: 100%; + margin: 0; + padding: 0 0.4em; } diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 3ec14568f..7afb14fba 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -1103,16 +1103,11 @@ div.message-partheaders { border-top: 0; } -div.message-part pre, -div.message-htmlpart pre, div.message-part div.pre { margin: 0; padding: 0; font-family: monospace; font-size: 12px; - white-space: -moz-pre-wrap !important; - white-space: pre-wrap !important; - white-space: pre; } div.message-part span.sig { @@ -1124,8 +1119,10 @@ div.message-part blockquote { border-left: 2px solid blue; border-right: 2px solid blue; background-color: #F6F6F6; - margin: 2px 0 2px 0; - padding: 1px 8px 1px 10px; + margin: 0; + padding: 0 0.4em; + overflow: hidden; + text-overflow: ellipsis; } div.message-part blockquote blockquote { |