resources/css/components/footnote-reference.css

@@ -4,7 +4,6 @@
   &:hover {
     @apply underline underline-offset-8;
     text-decoration-thickness: 1px;
-    @apply decoration-neutral-400;
     &:after {
       transform: translate(0px, -2px) scale(1.1);
 

resources/css/components/index-panel.css

@@ -34,7 +34,7 @@
 
   .sommaire-index a:hover,
   .footnotes-index a:hover {
-    @apply text-carhop-green-800 underline-offset-8 underline decoration-neutral-400;
+    @apply text-carhop-green-800 underline-offset-8 underline;
     text-decoration-thickness: 1px;
   }
 }

resources/js/singles/index-panel.ts

@@ -69,6 +69,12 @@ function observeSommaireLinks(): void {
   }
 }
 
+function handleSmoothScrollToTitle(targetId: string): void {
+  const targetElement = document.querySelector(`#${targetId}`);
+  if (!targetElement) return;
+
+  targetElement.scrollIntoView({ behavior: 'smooth' });
+}
 function toggleActiveChapterLinkInIndexPanel(targetId: string): void {
   const sommaireLinks: NodeListOf<Element> = document.querySelectorAll('.sommaire-index li a');
 

resources/js/singles/sommaire.ts

@@ -1,6 +1,16 @@
-export function handleSmoothScrollToTitle(targetId: string): void {
+export function handleSmoothScrollToTitle(): void {
-  const targetElement = document.querySelector(`#${targetId}`);
+  const sommaireTitles: NodeListOf<Element> = document.querySelectorAll('.sommaire-index li a');
-  if (!targetElement) return;
+  for (const title of sommaireTitles) {
+    title.addEventListener('click', (e) => {
+      e.preventDefault();
 
-  targetElement.scrollIntoView({ behavior: 'smooth' });
+      const target = title.getAttribute('href');
+      if (!target) return;
+
+      const targetElement = document.querySelector(target);
+      if (!targetElement) return;
+
+      targetElement.scrollIntoView({ behavior: 'smooth' });
+    });
+  }
 }