kibi/f0ckm
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

h

Browse Source
This commit is contained in:
Kibi Kelburton
2026-07-16 19:41:30 +02:00
parent b19cf9ebca
commit 9c9530e8c9
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
public/s/css/f0ckm.css
View File

@@ -1996,7 +1996,14 @@ body.layout-modern .global-sidebar-right {
margin-top: 5px; margin-top: 5px;
font-size: 0.85em; font-size: 0.85em;
display: none; display: none;
/* Hidden by default, shown via JS if overflow detected */ /* Hidden by default; CSS below shows it when has-overflow is present */
}
/* Show the button via CSS when the parent has has-overflow (set in the HTML template).
This avoids depending on JS timing — the button is visible from the very first paint.
JS checkOverflow() will later REMOVE has-overflow from short comments to hide it. */
.sidebar-activity .comment-content.has-overflow > .read-more-btn {
display: block;
} }

11
public/s/js/sidebar-activity.js
View File

@@ -542,17 +542,21 @@
}); });
}); });
// Write phase: perform DOM updates after all reads are completed // Write phase: perform DOM updates after all reads are completed.
// Visibility of the button is controlled entirely by the CSS rule on
// .comment-content.has-overflow > .read-more-btn — no btn.style.display here.
results.forEach(({ container, btn, isExpanded, scrollHeight, clientHeight, hasUnloadedImages }) => { results.forEach(({ container, btn, isExpanded, scrollHeight, clientHeight, hasUnloadedImages }) => {
// Clear any leftover inline display style (e.g. from the HTML template's
// style="display:block") so the CSS class-based rule is the single source of truth.
btn.style.display = '';
if (isExpanded) { if (isExpanded) {
btn.style.display = 'block';
btn.textContent = window.f0ckI18n?.sidebar_see_less || 'see less'; btn.textContent = window.f0ckI18n?.sidebar_see_less || 'see less';
return; return;
} }
if (scrollHeight > clientHeight + 2) { // 2px buffer for rounding if (scrollHeight > clientHeight + 2) { // 2px buffer for rounding
// Content overflows — ensure clamped state (may already be set from HTML default) // Content overflows — ensure clamped state (may already be set from HTML default)
btn.style.display = 'block';
btn.textContent = window.f0ckI18n?.sidebar_read_more || 'read more'; btn.textContent = window.f0ckI18n?.sidebar_read_more || 'read more';
container.classList.add('has-overflow'); container.classList.add('has-overflow');
} else if (hasUnloadedImages) { } else if (hasUnloadedImages) {
@@ -561,7 +565,6 @@
// re-run checkOverflow once images finish loading. // re-run checkOverflow once images finish loading.
} else { } else {
// Content fits and all images are loaded — safe to remove clamped state // Content fits and all images are loaded — safe to remove clamped state
btn.style.display = 'none';
container.classList.remove('has-overflow'); container.classList.remove('has-overflow');
} }
}); });