feat: add anchors (#836)

* node slow sync potential reasons * fix: fix build * feat: add anchors --------- Co-authored-by: Gleb Karavatski <[email protected]> Co-authored-by: Karavatski Gleb <[email protected]>
ton-community · Nov 6, 2024 · 69bf41f · 69bf41f
1 parent 9c02bba
commit 69bf41f
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Instructions/InstructionRow.module.css b/src/components/Instructions/InstructionRow.module.css
@@ -0,0 +1,3 @@
+.anchorWithStickyNavbar {
+  scroll-margin-top: calc(var(--ifm-navbar-height) + 0.5rem);
+}
diff --git a/src/components/Instructions/InstructionRow.tsx b/src/components/Instructions/InstructionRow.tsx
@@ -1,14 +1,15 @@
 import React from 'react';
 import Markdown from 'markdown-to-jsx';
 import { DisplayableInstruction } from './DisplayableInstruction';
+import styles from './InstructionRow.module.css';
 
 type InstructionRowProps = {
   instruction: DisplayableInstruction;
 }
 
 export function InstructionRow({ instruction }: InstructionRowProps) {
   return (
-    <tr>
+    <tr className={styles.anchorWithStickyNavbar} id={instruction.fift}>
       <td><code>{instruction.opcode ?? ''}</code></td>
       <td><code>{instruction.fift}</code></td>
       <td><code>{instruction.stack ?? ''}</code></td>