feat: Add scroll-to-bottom button in DM view

Reuses the same CSS styling as channel chat button. Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-08-10 18:52:55 +02:00 · 2026-01-26 21:02:09 +01:00
parent 5f0151a691
commit 6eb63ccbda
2 changed files with 24 additions and 1 deletions
@@ -119,6 +119,25 @@ function setupEventListeners() {
            }
        });
    }
+
+    // Scroll-to-bottom button
+    const messagesContainer = document.getElementById('dmMessagesContainer');
+    const scrollToBottomBtn = document.getElementById('dmScrollToBottomBtn');
+    if (messagesContainer && scrollToBottomBtn) {
+        messagesContainer.addEventListener('scroll', function() {
+            const isAtBottom = messagesContainer.scrollHeight - messagesContainer.scrollTop <= messagesContainer.clientHeight + 100;
+            if (isAtBottom) {
+                scrollToBottomBtn.classList.remove('visible');
+            } else {
+                scrollToBottomBtn.classList.add('visible');
+            }
+        });
+
+        scrollToBottomBtn.addEventListener('click', function() {
+            messagesContainer.scrollTop = messagesContainer.scrollHeight;
+            scrollToBottomBtn.classList.remove('visible');
+        });
+    }
 }

 /**