Make headlines permalink-able

Fixes mdn#1004
peterbe · Aug 12, 2020 · 4758b3d · 4758b3d
1 parent 3484c2f
commit 4758b3d
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/client/src/document/index.scss b/client/src/document/index.scss
@@ -4,3 +4,7 @@
   top: 0;
   right: 5px;
 }
+
+#content h2 a {
+  color: rgb(51, 51, 51);
+}
diff --git a/client/src/document/ingredients/prose.tsx b/client/src/document/ingredients/prose.tsx
@@ -7,7 +7,11 @@ export function Prose({ section }) {
 export function ProseWithHeading({ id, section }) {
   return (
     <>
-      <h2 id={id}>{section.title}</h2>
+      <h2 id={id}>
+        <a href={`#${id}`} title="Permalink to this section">
+          {section.title}
+        </a>
+      </h2>
       <Prose section={section} />
     </>
   );