fix: remove icon in anchor links in text (#1765)

vmrjnvc · web-flow · commit 3a5d256aa92b · 2026-03-01T17:50:11.000Z
diff --git a/app/components/Readme.vue b/app/components/Readme.vue
@@ -150,14 +150,14 @@ function handleClick(event: MouseEvent) {
   @apply inline i-lucide:external-link rtl-flip ms-1 opacity-50;
 }
 
-.readme :deep(a[href^='#']::after) {
+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']::after) {
   /* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */
   content: '__';
   @apply inline i-lucide:link rtl-flip ms-1 opacity-0;
   font-size: 0.75em;
 }
 
-.readme :deep(a[href^='#']:hover::after) {
+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']:hover::after) {
   @apply opacity-100;
 }
 

Original file line number	Diff line number	Diff line change
`@@ -150,14 +150,14 @@ function handleClick(event: MouseEvent) {`
`150`	`150`	`@apply inline i-lucide:external-link rtl-flip ms-1 opacity-50;`
`151`	`151`	`}`
`152`	`152`
`153`		`-.readme :deep(a[href^='#']::after) {`
	`153`	`+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']::after) {`
`154`	`154`	`/* I don't know what kind of sorcery this is, but it ensures this icon can't wrap to a new line on its own. */`
`155`	`155`	`content: '__';`
`156`	`156`	`@apply inline i-lucide:link rtl-flip ms-1 opacity-0;`
`157`	`157`	`font-size: 0.75em;`
`158`	`158`	`}`
`159`	`159`
`160`		`-.readme :deep(a[href^='#']:hover::after) {`
	`160`	`+.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']:hover::after) {`
`161`	`161`	`@apply opacity-100;`
`162`	`162`	`}`
`163`	`163`