skorotkiewicz/rDrama
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fid

Browse source
This commit is contained in:
kek7198 2021-12-09 16:35:24 -06:00
parent 8d05a79464
commit 43b16d5928
2 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

12
files/assets/js/comments.js
View file

@ -4,20 +4,22 @@ function timestamp(str, ti) {
}; };
function collapse_comment(comment_id) { function collapse_comment(comment_id) {
const comment = `comment-${comment_id}`; const comment = document.getElementById(`comment-${comment_id}`)
const closed = comment.classList.toggle("collapsed");
const top = comment.getBoundingClientRect().y;
const text = document.getElementById(`comment-text-${comment_id}`) const text = document.getElementById(`comment-text-${comment_id}`)
const actions = document.getElementById(`comment-${comment_id}-actions`) const actions = document.getElementById(`comment-${comment_id}-actions`)
const repliesOf = document.getElementById(`replies-of-${comment_id}`) const repliesOf = document.getElementById(`replies-of-${comment_id}`)
const isClosed = comment.classList.contains("collapsed");
const top = comment.getBoundingClientRect().y;
const arr = [text, actions, repliesOf]; const arr = [text, actions, repliesOf];
arr.map(x => x.classList.toggle('hidden')); // hide comment elements arr.map(x => x.classList.toggle('hidden')); // hide comment elements
comment.classList.toggle('items-center opacity-50'); // apply flex alignment and opacity to comment parent wrapping div comment.classList.toggle('items-center opacity-50'); // apply flex alignment and opacity to comment parent wrapping div
if (closed && top < 0) { if (isClosed && top < 0) {
comment.scrollIntoView() comment.scrollIntoView()
window.scrollBy(0, - 100) window.scrollBy(0, - 100)
} }

2
files/templates/comments.html
View file

@ -37,7 +37,7 @@
{% endif %} {% endif %}
<script defer src="/assets/js/popover.js?v=16"></script> <script defer src="/assets/js/popover.js?v=16"></script>
<script defer src="/assets/js/comments.js?v=9"></script> <script defer src="/assets/js/comments.js?v=10"></script>
{% include "expanded_image_modal.html" %} {% include "expanded_image_modal.html" %}