Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-03-18 10:30:49 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix: #14061, world.js show more buttons on infinite scroll

Browse Source
This commit is contained in:
Julian Lam
2026-03-05 12:15:22 -05:00
parent 9bc1b40078
commit 0aead782ab
1 changed files with 22 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

33
public/src/client/world.js
View File

@@ -77,6 +77,7 @@ define('forum/world', [
$(listEl).append(html);
html.find('.timeago').timeago();
handleImages();
handleShowMoreButtons();
callback();
});
});
@@ -216,23 +217,32 @@ define('forum/world', [
}
feedEl.querySelectorAll('[component="post/content"]').forEach((el) => {
const initted = el.getAttribute('data-showmore');
if (parseInt(initted, 10) === 1) {
return;
}
if (el.clientHeight < el.scrollHeight - 1) {
el.parentNode.querySelector('[component="show/more"]').classList.remove('hidden');
el.classList.toggle('clamp-fade-6', true);
}
el.setAttribute('data-showmore', '1');
});
feedEl.addEventListener('click', (e) => {
const subselector = e.target.closest('[component="show/more"]');
if (subselector) {
const postContent = subselector.closest('.post-body').querySelector('[component="post/content"]');
const isShowingMore = parseInt(subselector.getAttribute('ismore'), 10) === 1;
postContent.classList.toggle('line-clamp-6', isShowingMore);
postContent.classList.toggle('clamp-fade-6', isShowingMore);
$(subselector).translateText(isShowingMore ? '[[world:see-more]]' : '[[world:see-less]]');
subselector.setAttribute('ismore', isShowingMore ? 0 : 1);
}
});
if (parseInt(feedEl.getAttribute('data-showmore'), 10) !== 1) {
feedEl.addEventListener('click', (e) => {
const subselector = e.target.closest('[component="show/more"]');
if (subselector) {
const postContent = subselector.closest('.post-body').querySelector('[component="post/content"]');
const isShowingMore = parseInt(subselector.getAttribute('ismore'), 10) === 1;
postContent.classList.toggle('line-clamp-6', isShowingMore);
postContent.classList.toggle('clamp-fade-6', isShowingMore);
$(subselector).translateText(isShowingMore ? '[[world:see-more]]' : '[[world:see-less]]');
subselector.setAttribute('ismore', isShowingMore ? 0 : 1);
}
});
feedEl.setAttribute('data-showmore', '1');
}
}
function updateDropdowns(modified_cids, state) {
@@ -261,6 +271,7 @@ define('forum/world', [
feedEl.prepend(...html);
handleImages();
handleShowMoreButtons();
}
return World;