xfnw/clam
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

html: fix chat with multiline content

Browse Source
This commit is contained in:
xfnw 2024-04-11 08:45:50 -04:00
parent fc49252e79
commit 83eaa7bca4
2 changed files with 21 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/html.rs
View File

@ -137,9 +137,15 @@ impl Traverser for Handler {
self.exp.push_str("../"); self.exp.push_str("../");
} }
self.exp.push_str(format!( self.exp.push_str(format!(
r#"faces/{}.png"><span class=chat-nick aria-label="{1} says">&lt;{1}&gt;</span> "#, r#"faces/{}.png"><div class=chat-text><span class=chat-nick aria-label="{1} says">&lt;{1}&gt;</span> "#,
slugify!(usr), HtmlEscape(usr.rsplit_once('/').map_or(usr, |u| u.0)) slugify!(usr), HtmlEscape(usr.rsplit_once('/').map_or(usr, |u| u.0))
)); ));
self.output_block_children(block, ctx);
self.exp.push_str("</div></div>");
return ctx.skip();
} }
} }
} }

17
src/style.css
View File

@ -35,11 +35,11 @@ code, kbd, pre, textarea {
color: #eee; color: #eee;
} }
code, kbd, pre, .flex div, .box, .chat, textarea { code, kbd, pre, .flex div, .box, .chat-text, textarea {
background: #222; background: #222;
} }
.box, .alert, .warning, .chat, .fixme, .FIXME { .box, .alert, .warning, .fixme, .FIXME {
padding: 10px; padding: 10px;
margin-top: 10px; margin-top: 10px;
} }
@ -143,6 +143,12 @@ img {
float: left; float: left;
} }
.chat {
margin-top: 10px;
display: flex;
align-items: center;
}
.chat-head { .chat-head {
margin-right: 10px; margin-right: 10px;
vertical-align: middle; vertical-align: middle;
@ -152,6 +158,11 @@ img {
font-weight: bold; font-weight: bold;
} }
.chat-text {
display: inline-block;
padding: 10px;
}
@media (prefers-color-scheme: light) { @media (prefers-color-scheme: light) {
body { body {
background: white; background: white;
@ -176,7 +187,7 @@ img {
code, kbd, pre, textarea { code, kbd, pre, textarea {
color: #111; color: #111;
} }
code, kbd, pre, .flex div, .box, .chat, textarea { code, kbd, pre, .flex div, .box, .chat-text, textarea {
background: #ddd; background: #ddd;
} }
blockquote { blockquote {