STYLE Updating text-decoration when hovered (lighter)

resources/css/components/footnote-reference.css

@@ -4,6 +4,7 @@
   &: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;
+    @apply text-carhop-green-800 underline-offset-8 underline decoration-neutral-400;
     text-decoration-thickness: 1px;
   }
 }

resources/js/singles/index-panel.ts

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