style: apply text truncation to TOC links with doc-symbol

wu-vincent · wu-vincent · commit 438a1e68d877 · 2025-08-15T18:18:10.000+01:00
diff --git a/app/globals.css b/app/globals.css
@@ -159,6 +159,10 @@
 }
 
 @layer components {
+    .nextra-toc li a:has(.doc-symbol) {
+       @apply truncate;
+    }
+
     .doc-symbol::after {
         @apply inline-block align-middle font-medium rounded text-center w-7 h-7 leading-7 text-lg mr-1;
     }

Original file line number	Diff line number	Diff line change
`@@ -159,6 +159,10 @@`
`159`	`159`	`}`
`160`	`160`
`161`	`161`	`@layer components {`
	`162`	`+ .nextra-toc li a:has(.doc-symbol) {`
	`163`	`+ @apply truncate;`
	`164`	`+ }`
	`165`	`+`
`162`	`166`	`.doc-symbol::after {`
`163`	`167`	`@apply inline-block align-middle font-medium rounded text-center w-7 h-7 leading-7 text-lg mr-1;`
`164`	`168`	`}`