made it that the anchor link for heading in readme is visible over the whole header to make it easier to find

Author: WilcoSp

app/components/Readme.vue

@@ -157,7 +157,8 @@ function handleClick(event: MouseEvent) {
   font-size: 0.75em;
 }
 
-.readme :deep(:is(h1, h2, h3, h4, h5, h6) a[href^='#']:hover::after) {
+.readme
+  :deep(:is(h1, h2, h3, h4, h5, h6):is(:hover, :focus-visible, :focus-within) a[href^='#']::after) {
   @apply opacity-100;
 }
 

app/pages/package-changelog/[[org]]/[name].vue

@@ -89,7 +89,7 @@ defineOgImageComponent('Default', {
       :resolved-version="version"
       :display-version="pkg?.requestedVersion"
     />
-    <section class="container w-full pt-3" :class="$style.changelog">
+    <section class="container w-full pt-3">
       <div
         class="pa-3 z-2 flex justify-between gap-4 h-14 b-b-1 border-border bg-bg top-[--combined-header-height]"
         :class="{
@@ -171,9 +171,3 @@ defineOgImageComponent('Default', {
     </section>
   </main>
 </template>
-
-<style module>
-.changelog :global(.readme) :is(h1, h2, h3, h4, h5, h6) a[href^='#']::after {
-  /* content: unset !important; */
-}
-</style>