feat: show heading anchors on hover

razonyang · Jul 6, 2022 · 1440a36 · 1440a36
1 parent a05fc97
commit 1440a36
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/assets/main/scss/post/index.scss b/assets/main/scss/post/index.scss
@@ -41,6 +41,12 @@
 
   h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
     margin-bottom: 1rem;
+
+    &:hover {
+      .anchor {
+        display: inline-block !important;
+      }
+    }
   }
 
   ol, ul {

diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
@@ -1,2 +1,2 @@
-{{- $anchor := printf "<a class=\"anchor ms-1\" href=\"#%s\">#</a>" .Anchor | safeHTML -}}
+{{- $anchor := printf "<a class=\"anchor ms-1 d-none\" href=\"#%s\">#</a>" .Anchor | safeHTML -}}
 {{ printf "<h%d id=\"%s\">%s%s</h%d>" .Level .Anchor .PlainText $anchor .Level | safeHTML }}