tastytea
/
hugo-mastodon-api-comments
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Use div instead of p where sensible.

This commit is contained in:
tastytea 2019-11-02 06:54:59 +01:00
parent 862de9a288
commit 7e4bfba35d
Signed by: tastytea
GPG Key ID: CFC39497F1B26E07
3 changed files with 9 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
README.adoc
View File

@ -65,6 +65,8 @@ The generated HTML uses these classes:
.mastodon-api-comment
{
margin-left: 1em;
margin-bottom: 0.4em;
padding: 0 0.4em;
border: 0.1em solid black;
}
.mastodon-api-comment:nth-child(even)

2
mastodon-api-comments.html
View File

@ -2,7 +2,7 @@
{{ $status_id := .Get "status_id" | default "" }}
{{ partial "mastodon-api-comments-scripts.html" . }}
<p id="mastodon-api-comments_{{ $status_id }}" class="mastodon-api-comments"></p>
<div id="mastodon-api-comments_{{ $status_id }}" class="mastodon-api-comments"></div>
<noscript><p>Comments only work with JavaScript enabled.</p></noscript>
<script type="application/javascript">
fetch_mastodon_api_comments("{{ $instance }}", "{{ $status_id }}");

12
mastodon-api-comments.js
View File

@ -51,9 +51,9 @@ function write_comments(root, data)
'<img style="height: 1em;" src="' + emoji.url + '">');
}
const p = document.createElement("p");
p.setAttribute("class", "mastodon-api-comment");
p.appendChild(author_html(status));
const div = document.createElement("div");
div.setAttribute("class", "mastodon-api-comment");
div.appendChild(author_html(status));
if (status.spoiler_text.length > 0)
{
const subject_p = document.createElement("p");
@ -61,13 +61,13 @@ function write_comments(root, data)
const subject = document.createElement("strong");
subject.appendChild(document.createTextNode(status.spoiler_text));
subject_p.appendChild(subject);
p.appendChild(subject_p);
div.appendChild(subject_p);
}
const content_p = document.createElement("p");
content_p.setAttribute("class", "mastodon-api-comment-content");
content_p.innerHTML = content;
p.appendChild(content_p);
root.appendChild(p);
div.appendChild(content_p);
root.appendChild(div);
}
}