From 03c3f18b7265ba363adf2399fb9bc8592cf905f3 Mon Sep 17 00:00:00 2001
From: ZhenShuo Leo <98386542+ZhenShuo2021@users.noreply.github.com>
Date: Sun, 13 Jul 2025 22:53:57 +0800
Subject: [PATCH] style: prevent anchor being selected

---
 assets/css/compiled/main.css                 | 4 ++++
 layouts/_default/_markup/render-heading.html | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index 7ca3ba0b..5f2947a2 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -2194,6 +2194,10 @@ body.zen-mode-enable {
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
+  .select-none {
+    -webkit-user-select: none;
+    user-select: none;
+  }
   .\!\[clip\:rect\(0\,0\,0\,0\)\] {
     clip: rect(0,0,0,0) !important;
   }
diff --git a/layouts/_default/_markup/render-heading.html b/layouts/_default/_markup/render-heading.html
index 308f4239..af251173 100644
--- a/layouts/_default/_markup/render-heading.html
+++ b/layouts/_default/_markup/render-heading.html
@@ -3,7 +3,7 @@
     <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 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100">
+        class="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-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>        
     {{ end }}