Software /
code /
prosody-modules
Comparison
mod_http_muc_log/res/http_muc_log.html @ 4963:479d618c9e6d
mod_http_muc_log: Show XEP-0444 reactions
author | Kim Alvefur <zash@zash.se> |
---|---|
date | Sun, 26 Jun 2022 21:23:42 +0200 |
parent | 4593:b65a363d32d2 |
child | 4972:b49d72160497 |
comparison
equal
deleted
inserted
replaced
4962:5a3031613dbc | 4963:479d618c9e6d |
---|---|
42 .body::before,.body::after{content:"";} | 42 .body::before,.body::after{content:"";} |
43 .presence .verb{font-style:normal;color:#30c030;} | 43 .presence .verb{font-style:normal;color:#30c030;} |
44 .unavailable .verb{color:#c03030;} | 44 .unavailable .verb{color:#c03030;} |
45 .button{display:inline-block} | 45 .button{display:inline-block} |
46 .button>a{color:white;background-color:orange;border-radius:4px} | 46 .button>a{color:white;background-color:orange;border-radius:4px} |
47 .reaction{font-size:smaller;outline:1px solid silver;border-radius:2px} | |
47 form{text-align:right} | 48 form{text-align:right} |
48 li.edited{display:none} | 49 li.edited{display:none} |
49 li:target{outline:1px gray dotted;display:inherit} | 50 li:target{outline:1px gray dotted;display:inherit} |
50 @media (prefers-color-scheme: dark) { | 51 @media (prefers-color-scheme: dark) { |
51 html{color:#eee} | 52 html{color:#eee} |
111 <li {item.lang&lang="{item.lang}"} class="{item.st_name} {item.st_type?} {item.edited&edited}" id="{item.key}"> | 112 <li {item.lang&lang="{item.lang}"} class="{item.st_name} {item.st_type?} {item.edited&edited}" id="{item.key}"> |
112 <a class="time" href="#{item.key}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a> | 113 <a class="time" href="#{item.key}"><time id="{item.time}" datetime="{item.datetime}">{item.time}</time></a> |
113 <b class="nick">{item.nick}</b> | 114 <b class="nick">{item.nick}</b> |
114 <em class="verb">{item.verb?}</em> | 115 <em class="verb">{item.verb?}</em> |
115 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">✎</a>}{item.edit& <a href="#{item.edit}">✏</a>}</q> | 116 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">✎</a>}{item.edit& <a href="#{item.edit}">✏</a>}</q> |
117 {item.reactions%<span class="reaction">{idx} {item}</span>} | |
116 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img style="max-height:9em;max-width:16em" alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>} | 118 {item.oob.url&<figure><a rel="nofollow" href="{item.oob.url?}"><img style="max-height:9em;max-width:16em" alt="{item.oob.desc?}" src="{item.oob.url?}"/></a><figcaption>{item.oob.desc?}</figcaption></figure>} |
117 </li>} | 119 </li>} |
118 </ol> | 120 </ol> |
119 </main> | 121 </main> |
120 <hr> | 122 <hr> |