+39 -57 +/-2 browse
| 1 | diff --git a/web/src/templates/css.html b/web/src/templates/css.html |
| 2 | index f563623..c389ad1 100644 |
| 3 | --- a/web/src/templates/css.html |
| 4 | +++ b/web/src/templates/css.html |
| 5 | @@ -664,11 +664,11 @@ |
| 6 | } |
| 7 | |
| 8 | table.headers { |
| 9 | - margin-left: -3vw; |
| 10 | + padding: .5rem 0 .5rem 1rem; |
| 11 | } |
| 12 | |
| 13 | table.headers tr>th { |
| 14 | - text-align: right; |
| 15 | + text-align: left; |
| 16 | color: var(--text-faded); |
| 17 | } |
| 18 | |
| 19 | @@ -686,24 +686,25 @@ |
| 20 | width: 50ch; |
| 21 | } |
| 22 | |
| 23 | - div.post-body { |
| 24 | - margin: 1rem 0px; |
| 25 | - } |
| 26 | - |
| 27 | div.post-body>pre { |
| 28 | + border-top: 1px solid; |
| 29 | overflow-wrap: break-word; |
| 30 | white-space: pre-line; |
| 31 | hyphens: auto; |
| 32 | background-color: var(--background-secondary); |
| 33 | - outline: 1rem solid var(--background-secondary); |
| 34 | - margin: 2rem 0; |
| 35 | - line-height: 1.333; |
| 36 | + line-height: 1.1; |
| 37 | + padding: 1rem; |
| 38 | } |
| 39 | |
| 40 | - div.post-body:not(:last-child) { |
| 41 | - padding-bottom: .5rem; |
| 42 | + div.post { |
| 43 | + border-top: 1px solid var(--horizontal-rule); |
| 44 | + border-right: 1px solid var(--horizontal-rule); |
| 45 | + border-left: 1px solid var(--horizontal-rule); |
| 46 | border-bottom: 1px solid var(--horizontal-rule); |
| 47 | } |
| 48 | + div.post:not(:first-child) { |
| 49 | + border-top: none; |
| 50 | + } |
| 51 | |
| 52 | td.message-id, |
| 53 | span.message-id{ |
| 54 | @@ -738,12 +739,11 @@ |
| 55 | span.faded:is(:focus, :hover, :focus-visible, :focus-within) { |
| 56 | color: revert; |
| 57 | } |
| 58 | - details.reply-details button { |
| 59 | - padding: 0.3rem; |
| 60 | - font-size: medium; |
| 61 | - min-width: 0; |
| 62 | - margin-block-start: 0.2rem; |
| 63 | - display: inline-block; |
| 64 | + tr>td>details.reply-details ~ tr { |
| 65 | + display: none; |
| 66 | + } |
| 67 | + tr>td>details.reply-details[open] ~ tr { |
| 68 | + display: revert; |
| 69 | } |
| 70 | |
| 71 | ul.lists { |
| 72 | diff --git a/web/src/templates/lists/entry.html b/web/src/templates/lists/entry.html |
| 73 | index 496b006..a1abb02 100644 |
| 74 | --- a/web/src/templates/lists/entry.html |
| 75 | +++ b/web/src/templates/lists/entry.html |
| 76 | @@ -1,46 +1,28 @@ |
| 77 | - <table class="headers" title="E-mail headers"> |
| 78 | - <caption class="screen-reader-only">E-mail headers</caption> |
| 79 | - {% if is_root %} |
| 80 | + <div class="post"> |
| 81 | + <table class="headers" title="E-mail headers"> |
| 82 | + <caption class="screen-reader-only">E-mail headers</caption> |
| 83 | <tr> |
| 84 | - <th scope="row">List:</th> |
| 85 | - <td class="faded">{{ list.id }}</td> |
| 86 | + <th scope="row">From:</th> |
| 87 | + <td>{{ post.address }}</td> |
| 88 | </tr> |
| 89 | - {% endif %} |
| 90 | - <tr> |
| 91 | - <th scope="row">From:</th> |
| 92 | - <td>{{ post.address }}</td> |
| 93 | - </tr> |
| 94 | - <tr> |
| 95 | - {% if is_root %} |
| 96 | - <tr> |
| 97 | - <th scope="row">To:</th> |
| 98 | - <td class="faded">{{ post.to }}</td> |
| 99 | - </tr> |
| 100 | + <tr> |
| 101 | + <th scope="row">Date:</th> |
| 102 | + <td class="faded">{{ post.datetime }}</td> |
| 103 | + </tr> |
| 104 | + <tr> |
| 105 | + <th scope="row">Message-ID:</th> |
| 106 | + <td class="faded message-id"><a href="{{ list_post_path(list.id, post.message_id) }}">{{ strip_carets(post.message_id) }}</a></td> |
| 107 | + </tr> |
| 108 | + {% if in_reply_to %} |
| 109 | <tr> |
| 110 | - <th scope="row">Subject:</th> |
| 111 | - <td>{{ trimmed_subject }}</td> |
| 112 | + <th scope="row">In-Reply-To:</th> |
| 113 | + <td class="faded message-id"><a href="{{ list_post_path(list.id, in_reply_to) }}">{{ in_reply_to }}</a></td> |
| 114 | </tr> |
| 115 | {% endif %} |
| 116 | - <th scope="row">Date:</th> |
| 117 | - <td class="faded">{{ post.datetime }}</td> |
| 118 | - </tr> |
| 119 | - <tr> |
| 120 | - {% if is_root %} |
| 121 | - {% if in_reply_to %} |
| 122 | - <tr> |
| 123 | - <th scope="row">In-Reply-To:</th> |
| 124 | - <td class="faded message-id"><a href="{{ list_post_path(list.id, in_reply_to) }}">{{ in_reply_to }}</a></td> |
| 125 | - </tr> |
| 126 | - {% endif %} |
| 127 | - {% if references %} |
| 128 | - <tr> |
| 129 | - <th scope="row">References:</th> |
| 130 | - <td>{% for r in references %}<span class="faded message-id"><a href="{{ list_post_path(list.id, r) }}">{{ r }}</a></span>{% endfor %}</td> |
| 131 | - </tr> |
| 132 | - {% endif %} |
| 133 | - {% else %} |
| 134 | - <th scope="row">Message-ID:</th> |
| 135 | - <td class="faded message-id"><a href="{{ list_post_path(list.id, post.message_id) }}">{{ strip_carets(post.message_id) }}</a></td> |
| 136 | + {% if references %} |
| 137 | + <tr> |
| 138 | + <th scope="row">References:</th> |
| 139 | + <td>{% for r in references %}<span class="faded message-id"><a href="{{ list_post_path(list.id, r) }}">{{ r }}</a></span>{% endfor %}</td> |
| 140 | </tr> |
| 141 | {% endif %} |
| 142 | <tr> |
| 143 | @@ -48,6 +30,6 @@ |
| 144 | </tr> |
| 145 | </table> |
| 146 | <div class="post-body"> |
| 147 | - <pre {% if odd %}style="--background-secondary: var(--background-critical);" {% endif %}title="E-mail text content">{{ body }}</pre> |
| 148 | + <pre {% if odd %}style="--background-secondary: var(--background-critical);" {% endif %}title="E-mail text content">{{ body|trim }}</pre> |
| 149 | </div> |
| 150 | - |
| 151 | + </div> |