tcsenpai/obsidiangarden_netlify
1
0
Fork 0
mirror of https://github.com/tcsenpai/obsidiangarden_netlify.git synced 2025-06-06 04:35:20 +00:00
Code Issues 5 Packages Projects Releases Wiki Activity

dont render callout-content div if blank (#267)

Browse Source
This commit is contained in:
Tyler Nieman 2024-06-10 12:14:39 -07:00 committed by GitHub
parent 18128453ef
commit c7e255d202
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
1 changed files with 14 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
.eleventy.js
View File

@ -381,13 +381,26 @@ module.exports = function (eleventyConfig) {
} }
); );
/* Hacky fix for callouts with only a title:
This will ensure callout-content isn't produced if
the callout only has a title, like this:
```md
> [!info] i only have a title
```
Not sure why content has a random <p> tag in it,
*/
if (content === "\n<p>\n") {
content = "";
}
let contentDiv = content ? `\n<div class="callout-content">${content}</div>` : "";
blockquote.tagName = "div"; blockquote.tagName = "div";
blockquote.classList.add("callout"); blockquote.classList.add("callout");
blockquote.classList.add(isCollapsable ? "is-collapsible" : ""); blockquote.classList.add(isCollapsable ? "is-collapsible" : "");
blockquote.classList.add(isCollapsed ? "is-collapsed" : ""); blockquote.classList.add(isCollapsed ? "is-collapsed" : "");
blockquote.setAttribute("data-callout", calloutType.toLowerCase()); blockquote.setAttribute("data-callout", calloutType.toLowerCase());
calloutMetaData && blockquote.setAttribute("data-callout-metadata", calloutMetaData); calloutMetaData && blockquote.setAttribute("data-callout-metadata", calloutMetaData);
blockquote.innerHTML = `${titleDiv}\n<div class="callout-content">${content}</div>`; blockquote.innerHTML = `${titleDiv}${contentDiv}`;
} }
}; };