(clickedElement)
| 187 | |
| 188 | // Message expand/collapse functionality |
| 189 | function expandMessage(clickedElement) { |
| 190 | const messageContent = clickedElement.closest(".message-content"); |
| 191 | const previewShort = messageContent.querySelector(".message-preview-short"); |
| 192 | const contentFull = messageContent.querySelector(".message-content-full"); |
| 193 | const contentExpanded = messageContent.querySelector( |
| 194 | ".message-content-expanded", |
| 195 | ); |
| 196 | |
| 197 | // Expanding - hide preview, show full content |
| 198 | if (previewShort) previewShort.style.display = "none"; |
| 199 | if (contentFull) contentFull.style.display = "block"; |
| 200 | if (contentExpanded) contentExpanded.style.display = "block"; |
| 201 | |
| 202 | // Smooth scroll to keep the content in view |
| 203 | setTimeout(() => { |
| 204 | messageContent.scrollIntoView({ |
| 205 | behavior: "smooth", |
| 206 | block: "nearest", |
| 207 | }); |
| 208 | }, 100); |
| 209 | } |
| 210 | |
| 211 | function collapseMessage(clickedElement) { |
| 212 | const messageContent = clickedElement.closest(".message-content"); |
no outgoing calls
no test coverage detected