web: style improvements for figure captions

This commit is contained in:
Bill Thiede 2024-08-31 15:04:19 -07:00
parent fb754469ce
commit 5c813e7350
2 changed files with 14 additions and 2 deletions

View File

@ -150,8 +150,16 @@ impl Transformer for FrameImages {
let alt = el.get_attribute("alt"); let alt = el.get_attribute("alt");
let title = el.get_attribute("title"); let title = el.get_attribute("title");
let mut frags = vec!["<figure>".to_string(), format!(r#"<img src="{src}">"#)]; let mut frags = vec!["<figure>".to_string(), format!(r#"<img src="{src}">"#)];
alt.map(|t| frags.push(format!("<figcaption>Alt: {t}</figcaption>"))); alt.map(|t| {
title.map(|t| frags.push(format!("<figcaption>Title: {t}</figcaption>"))); if !t.is_empty() {
frags.push(format!("<figcaption>Alt: {t}</figcaption>"))
}
});
title.map(|t| {
if !t.is_empty() {
frags.push(format!("<figcaption>Title: {t}</figcaption>"))
}
});
frags.push("</figure>".to_string()); frags.push("</figure>".to_string());
el.replace(&frags.join("\n"), ContentType::Html); el.replace(&frags.join("\n"), ContentType::Html);

View File

@ -1,3 +1,7 @@
.body figcaption {
color: var(--color-text) !important;
}
.body.news-post.site-saturday-morning-breakfast-cereal { .body.news-post.site-saturday-morning-breakfast-cereal {
display: flex; display: flex;
align-items: center; align-items: center;