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

ina ina

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-30 06:55:43 +02:00
parent 8dd1ed22a2
commit 80457014c1
2 changed files with 13 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -1987,6 +1987,18 @@ body.sidebar-right-hidden .global-sidebar-right {
border: 1px solid rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.1);
} }
/* Shimmer placeholder while avatar image is still loading */
.sidebar-avatar:not(.loaded) {
background: linear-gradient(90deg,
rgba(255, 255, 255, 0.04) 0%,
rgba(255, 255, 255, 0.10) 40%,
rgba(255, 255, 255, 0.04) 80%);
background-size: 600px 100%;
animation: skeleton-shimmer 1.6s ease-in-out infinite;
/* Keep border-box sizing consistent with the border already on .sidebar-avatar */
box-sizing: border-box;
}
.read-more-btn, .read-more-btn,
.see-less-btn { .see-less-btn {
display: inline; display: inline;

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

@@ -473,7 +473,7 @@
<div class="comment-header"> <div class="comment-header">
<div class="comment-header-left"> <div class="comment-header-left">
<a href="/user/${c.username.toLowerCase()}" class="sidebar-avatar-link"> <a href="/user/${c.username.toLowerCase()}" class="sidebar-avatar-link">
<img src="${avatarSrc}" class="sidebar-avatar" alt="${c.username}" loading="eager" /> <img src="${avatarSrc}" class="sidebar-avatar" alt="${c.username}" loading="eager" onload="this.classList.add('loaded')" onerror="this.classList.add('loaded');this.src='/a/default.png'" />
</a> </a>
<a href="/user/${c.username.toLowerCase()}" class="comment-author" ${c.username_color ? `style="color: ${c.username_color}"` : ''}>${escapeHtml(c.display_name || c.username)}</a> <a href="/user/${c.username.toLowerCase()}" class="comment-author" ${c.username_color ? `style="color: ${c.username_color}"` : ''}>${escapeHtml(c.display_name || c.username)}</a>
</div> </div>