From b4a13da6d81667b41dab62e5ca9e06e08d9a4d4c Mon Sep 17 00:00:00 2001
From: Mike Repec <mikerepec@gmail.com>
Date: Mon, 13 Oct 2025 09:18:45 +0200
Subject: [PATCH] :bug: Fix(render-heading): prevent colour flicker on anchor
 links

The group-hover prefix is redundant and cause the colour to flicker
for the anchor link tag - the colour should actually stay the same
and only have it's opacity (visibility really) controlled via group-hover.
---
 layouts/_default/_markup/render-heading.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index bb536f08..47985b06 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -1,10 +1,10 @@
 {{ $anchor := anchorize .Anchor }}
-<h{{ .Level }} class="relative group">{{ .Text | safeHTML }} 
+<h{{ .Level }} class="relative group">{{ .Text | safeHTML }}
     <div id="{{ $anchor }}" class="anchor"></div>
     {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}
     <span
         class="absolute top-0 w-6 transition-opacity opacity-0 -start-6 not-prose group-hover:opacity-100 select-none">
-        <a class="group-hover:text-primary-300 dark:group-hover:text-neutral-700 !no-underline" href="#{{ $anchor }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>
-    </span>        
+        <a class="text-primary-300 dark:text-neutral-700 !no-underline" href="#{{ $anchor }}" aria-label="{{ i18n "article.anchor_label" }}">#</a>
+    </span>
     {{ end }}
 </h{{ .Level }}>