change @note and @warning to form blockquotes

HJfod · Feb 24, 2023 · 6642c51 · 6642c51
1 parent b8c72dc
commit 6642c51
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 7 deletions.
diff --git a/src/builder/comment.rs b/src/builder/comment.rs
@@ -659,10 +659,9 @@ impl<'e> JSDocComment<'e> {
                 self.notes
                     .iter()
                     .map(|note| {
-                        HtmlElement::new("section")
-                            .with_class("note")
-                            .with_child(Html::span(&["title"], "Note"))
-                            .with_child(Html::div(note.clone()))
+                        HtmlElement::new("blockquote")
+                            .with_class("info")
+                            .with_child(Html::p(format!("ℹ {}", note)))
                             .into()
                     })
                     .collect(),
@@ -671,10 +670,9 @@ impl<'e> JSDocComment<'e> {
                 self.warnings
                     .iter()
                     .map(|warning| {
-                        HtmlElement::new("section")
+                        HtmlElement::new("blockquote")
                             .with_class("warning")
-                            .with_child(Html::span(&["title"], "Warning"))
-                            .with_child(Html::div(warning.clone()))
+                            .with_child(Html::p(format!("⚠️ {}", warning)))
                             .into()
                     })
                     .collect(),

diff --git a/templates/content.css b/templates/content.css
@@ -445,6 +445,10 @@ details.entity-desc[open] > summary .feather-chevron-right {
     display: inline;
 }
 
+.description blockquote:not(.warning) {
+    background-color: var(--flash-dark);
+}
+
 .no-desc {
     color: var(--flash-light);
 }