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

html: fix chat with multiline content

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