style: prevent anchor being selected

This commit is contained in:
ZhenShuo Leo
2025-07-13 22:53:57 +08:00
parent 2c71bda97f
commit 03c3f18b72
2 changed files with 5 additions and 1 deletions

View File

@@ -2194,6 +2194,10 @@ body.zen-mode-enable {
--tw-ease: var(--ease-out); --tw-ease: var(--ease-out);
transition-timing-function: 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\)\] {
clip: rect(0,0,0,0) !important; clip: rect(0,0,0,0) !important;
} }

View File

@@ -3,7 +3,7 @@
<div id="{{ $anchor }}" class="anchor"></div> <div id="{{ $anchor }}" class="anchor"></div>
{{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }} {{ if .Page.Params.showHeadingAnchors | default (.Page.Site.Params.article.showHeadingAnchors | default true) }}
<span <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> <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> </span>
{{ end }} {{ end }}