Merge pull request #1106 from Irfan762/fix-link-underline

Fix #870: apply underline styling to anchor element

Author: ksen0

src/components/Nav/JumpToLinks.tsx

@@ -36,9 +36,11 @@ export const JumpToLinks = ({
           {links?.map((link) => (
             <li
               key={link.label}
-              class={`${styles.linklabel} ${link.size ?? ""} ${link.current ? "current" : ""}`}
+              class={`${styles.linklabel} ${link.size ?? ""}`}
             >
-              <a href={link.url}>{link.label}</a>
+              <a href={link.url} class={link.current ? "current" : ""}>
+                {link.label}
+              </a>
             </li>
           ))}
         </ul>

src/components/Nav/styles.module.scss

@@ -225,7 +225,9 @@
 }
 
 .linklabel {
-  &:global(.current) {
+  text-decoration: none;
+
+  a:global(.current) {
     text-decoration-line: underline;
   }