matt/flotilla
1
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Attempt to fix new messages button

Browse source
This commit is contained in:
Jon Staab 2025-12-17 12:07:30 -08:00
parent 4be4288ef0
commit 2c62749d9b
2 changed files with 8 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
src/routes/spaces/[relay]/[h]/+page.svelte
View file

@ -171,6 +171,8 @@
const onScroll = () => {
showScrollButton = Math.abs(element?.scrollTop || 0) > 1500
const newMessages = document.getElementById("new-messages")
if (!newMessages || newMessagesSeen) {
showFixedNewMessages = false
} else {
@ -185,7 +187,7 @@
}
const scrollToNewMessages = () =>
newMessages?.scrollIntoView({behavior: "smooth", block: "center"})
document.getElementById("new-messages")?.scrollIntoView({behavior: "smooth", block: "center"})
const scrollToBottom = () => element?.scrollTo({top: 0, behavior: "smooth"})
@ -195,7 +197,6 @@
let share = $state(popKey<TrustedEvent | undefined>("share"))
let parent: TrustedEvent | undefined = $state()
let element: HTMLElement | undefined = $state()
let newMessages: HTMLElement | undefined = $state()
let chatCompose: HTMLElement | undefined = $state()
let dynamicPadding: HTMLElement | undefined = $state()
let newMessagesSeen = false
@ -391,7 +392,7 @@
{#each elements as { type, id, value, showPubkey } (id)}
{#if type === "new-messages"}
<div
bind:this={newMessages}
{id}
class="flex items-center py-2 text-xs transition-colors"
class:opacity-0={showFixedNewMessages}>
<div class="h-px flex-grow bg-primary"></div>

7
src/routes/spaces/[relay]/chat/+page.svelte
View file

@ -98,6 +98,8 @@
const onScroll = () => {
showScrollButton = Math.abs(element?.scrollTop || 0) > 1500
const newMessages = document.getElementById("new-messages")
if (!newMessages || newMessagesSeen) {
showFixedNewMessages = false
} else {
@ -112,7 +114,7 @@
}
const scrollToNewMessages = () =>
newMessages?.scrollIntoView({behavior: "smooth", block: "center"})
document.getElementById("new-messages")?.scrollIntoView({behavior: "smooth", block: "center"})
const scrollToBottom = () => element?.scrollTo({top: 0, behavior: "smooth"})
@ -120,7 +122,6 @@
let share = $state(popKey<TrustedEvent | undefined>("share"))
let parent: TrustedEvent | undefined = $state()
let element: HTMLElement | undefined = $state()
let newMessages: HTMLElement | undefined = $state()
let chatCompose: HTMLElement | undefined = $state()
let dynamicPadding: HTMLElement | undefined = $state()
let newMessagesSeen = false
@ -275,7 +276,7 @@
{#each elements as { type, id, value, showPubkey } (id)}
{#if type === "new-messages"}
<div
bind:this={newMessages}
{id}
class="flex items-center py-2 text-xs transition-colors"
class:opacity-0={showFixedNewMessages}>
<div class="h-px flex-grow bg-primary"></div>