Fix failure to navigate, quote transitions

2024-11-20 08:53:12 -08:00
parent 05f7d128e4
commit 1c0e680c17
8 changed files with 41 additions and 34 deletions
@@ -24,10 +24,20 @@
  const entity = id ? nip19.neventEncode({id, relays}) : addr.toNaddr()

  const scrollToEvent = (id: string) => {
-    const element = document.querySelector(`[data-event="${id}"]`)
+    const element = document.querySelector(`[data-event="${id}"]`) as any

    if (element) {
      element.scrollIntoView({behavior: "smooth"})
+      element.style =
+        "filter: brightness(1.5); transition-property: all; transition-duration: 400ms;"
+
+      setTimeout(() => {
+        element.style = "transition-property: all; transition-duration: 300ms;"
+      }, 800)
+
+      setTimeout(() => {
+        element.style = ""
+      }, 800 + 400)
    }

    return Boolean(element)