Fix scrolling pos when opening comment with anchor

attestate · Dec 2, 2024 · 22f30af · 22f30af
1 parent 7ec7bb0
commit 22f30af
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/public/news.css b/src/public/news.css
@@ -17,6 +17,9 @@
     display: none;
   }
 }
+:target {
+  box-shadow: 0 0 0 2px rgb(175, 192, 70, 0.75);
+}
 .content-row {
   background-color: var(--header-beige);
 }

diff --git a/src/views/story.mjs b/src/views/story.mjs
@@ -276,7 +276,9 @@ export default async function (trie, theme, index, value, referral) {
                           (comment) =>
                             html`<span
                               id="0x${comment.index}"
-                              style="${comment.flagged
+                              style="${story?.metadata?.image
+                                ? "scroll-margin-top: calc(50vw + 100px);"
+                                : "scroll-margin-top: 100px;"} ${comment.flagged
                                 ? "opacity: 0.5"
                                 : ""}; color: black; border: var(--border); background-color: var(--background-color0); padding: 0.55rem 0.75rem; border-radius: 2px;display: block; margin-bottom: 15px; white-space: pre-wrap; line-height: 1.3; word-break: break-word; overflow-wrap: break-word;"
                             >