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
parents b65a363d32d2
children 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}">&#9998;</a>}{item.edit& <a href="#{item.edit}">&#9999;</a>}</q> 116 <q class="body">{item.edited&<del>}{item.body?}{item.edited&</del> <a href="#{item.edited}">&#9998;</a>}{item.edit& <a href="#{item.edit}">&#9999;</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>