Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2026-05-06 15:06:38 +02:00
Code Issues Packages Projects Releases Wiki Activity

add highlight to scrolled chat message

Browse Source
This commit is contained in:
Barış Soner Uşaklı
2026-02-18 18:21:04 -05:00
parent 16bbbab71a
commit f1113cfb1a
2 changed files with 23 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
public/scss/generics.scss
View File

@@ -194,4 +194,21 @@ $hidden-elements-for-first-last-child: br, hr;
img.emoji {
height: $font-size-lg;
}
.highlight-pulse {
animation: pulse-grow 1.5s ease-in-out 3;
transform-origin: center;
z-index: 10;
}
@keyframes pulse-grow {
0%, 100% {
transform: scale(1);
background-color: transparent;
}
50% {
transform: scale(1.005);
background-color: var(--bs-tertiary-bg);
}
}

6
public/src/client/chats.js
View File

@@ -75,6 +75,12 @@ define('forum/chats', [
messages.toggleScrollUpAlert(chatContentEl);
const scrollToEl = chatContentEl.find(`[data-index="${ajaxify.data.scrollToIndex - 1}"]`);
messages.scrollToMessageAfterImageLoad(chatContentEl, scrollToEl);
if (scrollToEl) {
scrollToEl.addClass('highlight-pulse');
setTimeout(() => {
scrollToEl.removeClass('highlight-pulse');
}, 5000);
}
} else {
messages.scrollToBottomAfterImageLoad(chatContentEl);
}