diff --git a/public/s/css/f0ckm.css b/public/s/css/f0ckm.css index 176e880..b5554e0 100644 --- a/public/s/css/f0ckm.css +++ b/public/s/css/f0ckm.css @@ -8409,6 +8409,12 @@ body.layout-legacy .comment-content img.emoji { background: rgba(17, 17, 17, 0.55) !important; } +.anchor-target { + border-left: 3px solid var(--accent) !important; + background: rgba(17, 17, 17, 0.55) !important; + padding-left: 5px; +} + @keyframes activityGlow { 0% { color: var(--accent); diff --git a/public/s/js/f0ckm.js b/public/s/js/f0ckm.js index e3b38c5..df451a9 100644 --- a/public/s/js/f0ckm.js +++ b/public/s/js/f0ckm.js @@ -3254,8 +3254,8 @@ window.cancelAnimFrame = (function () { if (targetEl) { targetEl.scrollIntoView({ behavior: 'smooth', block: 'center' }); // Clear any previous highlight, then permanently mark this element - document.querySelectorAll('.comment-highlighted').forEach(el => el.classList.remove('comment-highlighted')); - targetEl.classList.add('comment-highlighted'); + document.querySelectorAll('.anchor-target').forEach(el => el.classList.remove('anchor-target')); + targetEl.classList.add('anchor-target'); } } diff --git a/views/settings.html b/views/settings.html index 000ee7c..b6443e4 100644 --- a/views/settings.html +++ b/views/settings.html @@ -41,10 +41,10 @@ if (!hash) return; var el = document.querySelector(hash); if (!el) return; - document.querySelectorAll('.comment-highlighted').forEach(function(c) { - c.classList.remove('comment-highlighted'); + document.querySelectorAll('.anchor-target').forEach(function(c) { + c.classList.remove('anchor-target'); }); - el.classList.add('comment-highlighted'); + el.classList.add('anchor-target'); } function initFromHash() {