diff options
author | Colin Reeder <colin@vpzom.click> | 2020-12-24 11:02:30 -0700 |
---|---|---|
committer | Colin Reeder <colin@vpzom.click> | 2020-12-24 11:02:30 -0700 |
commit | c754ef892c49134efc5ea65a75dc8284bab5ff85 (patch) | |
tree | 97b06de47c6f8417967bf06fec03033c713f2bb7 /src | |
parent | 59ef6b91e3e8681885a9d97cc5786a327cf26214 (diff) |
Style changes to better distinguish posts & comments
- Add a border around post content
- Make comment action links smaller and gray
- Use <div> instead of <p> around content, as <p> cannot be nested
- Change <p> style to only have bottom margin
- Add a bit more spacing in a few places
Diffstat (limited to 'src')
-rw-r--r-- | src/components/mod.rs | 14 | ||||
-rw-r--r-- | src/routes/posts.rs | 5 |
2 files changed, 12 insertions, 7 deletions
diff --git a/src/components/mod.rs b/src/components/mod.rs index 869f021..793c54c 100644 --- a/src/components/mod.rs +++ b/src/components/mod.rs @@ -52,7 +52,9 @@ pub fn Comment<'a>( {" "} <TimeAgo since={chrono::DateTime::parse_from_rfc3339(&comment.created).unwrap()} lang /> </small> - <Content src={comment} /> + <div class={"commentContent"}> + <Content src={comment} /> + </div> { comment.attachments.iter().map(|attachment| { let href = &attachment.url; @@ -66,7 +68,7 @@ pub fn Comment<'a>( }) .collect::<Vec<_>>() } - <div class={"actionList"}> + <div class={"actionList small"}> { if base_data.login.is_some() { Some(render::rsx! { @@ -201,15 +203,15 @@ impl<'a, T: HavingContent + 'a> render::Render for Content<'a, T> { match self.src.content_html() { Some(html) => { let cleaned = ammonia::clean(&html); - writer.write_str("<p>")?; + writer.write_str("<div>")?; render::raw!(cleaned.as_ref()).render_into(writer)?; - writer.write_str("</p>")?; + writer.write_str("</div>")?; } None => { if let Some(text) = self.src.content_text() { - writer.write_str("<p>")?; + writer.write_str("<div>")?; text.render_into(writer)?; - writer.write_str("</p>")?; + writer.write_str("</div>")?; } } } diff --git a/src/routes/posts.rs b/src/routes/posts.rs index 7ad0385..100c097 100644 --- a/src/routes/posts.rs +++ b/src/routes/posts.rs @@ -145,6 +145,7 @@ async fn page_post_inner( } } </div> + <br /> <p> {lang.tr("submitted", None)} {" "}<TimeAgo since={chrono::DateTime::parse_from_rfc3339(&post.as_ref().created)?} lang={&lang} /> @@ -161,7 +162,9 @@ async fn page_post_inner( } } } - <Content src={&post} /> + <div class={"postContent"}> + <Content src={&post} /> + </div> { if author_is_me(&post.as_ref().author, &base_data.login) || (post.local && base_data.is_site_admin()) { Some(render::rsx! { |