diff --git a/files/assets/js/comments.js b/files/assets/js/comments.js index 810052b1a..6e4eb0038 100644 --- a/files/assets/js/comments.js +++ b/files/assets/js/comments.js @@ -8,6 +8,10 @@ function collapse_comment(comment_id) { const isClosed = comment.classList.contains("collapsed"); const top = comment.getBoundingClientRect().y; + const toggler = document.getElementById(`comment-collase-${comment_id}`); + + ['hidden', 'pointer-events-none'].map(x=> comment.classList.toggle(x)); + ['items-center', 'opacity-50', 'hover:opacity-100', 'collapsed'].map(y=> comment.classList.toggle(y)); // apply flex alignment and opacity to comment parent wrapping div if (isClosed && top < 0) { diff --git a/files/templates/comments.html b/files/templates/comments.html index 485aec1ad..1ea872467 100644 --- a/files/templates/comments.html +++ b/files/templates/comments.html @@ -253,7 +253,7 @@
- + @@ -388,7 +388,7 @@
Removed by @{{c.ban_reason}}
{% endif %} -
+
{{c.realbody(v) | safe}} {% if c.options %} {% for o in c.options %}