From 8d9c93e7b8eaa931c49bb7fc84115dbe06b1ea0f Mon Sep 17 00:00:00 2001
From: Served Smart <195884188+servedsmart@users.noreply.github.com>
Date: Thu, 17 Jul 2025 21:26:34 +0200
Subject: [PATCH] :ambulance: Hotfix: Fix title not being hoverable

---
 assets/css/compiled/main.css                    | 9 ++++++++-
 layouts/partials/article-link/_shortcode.html   | 6 +++---
 layouts/partials/article-link/card-related.html | 6 +++---
 layouts/partials/article-link/card.html         | 6 +++---
 layouts/partials/article-link/simple.html       | 6 +++---
 5 files changed, 20 insertions(+), 13 deletions(-)

diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
index d9788bf9..24035a62 100644
--- a/assets/css/compiled/main.css
+++ b/assets/css/compiled/main.css
@@ -1,4 +1,4 @@
-/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */
+/*! tailwindcss v4.1.8 | MIT License | https://tailwindcss.com */
 /*! Blowfish | MIT License | https://github.com/nunocoracao/blowfish */
 @layer properties;
 #zen-mode-button {
@@ -2415,6 +2415,13 @@ body.zen-mode-enable {
       }
     }
   }
+  .group-hover\:underline-offset-2 {
+    &:is(:where(.group):hover *) {
+      @media (hover: hover) {
+        text-underline-offset: 2px;
+      }
+    }
+  }
   .group-hover\:opacity-100 {
     &:is(:where(.group):hover *) {
       @media (hover: hover) {
diff --git a/layouts/partials/article-link/_shortcode.html b/layouts/partials/article-link/_shortcode.html
index dd177343..603c8a1d 100644
--- a/layouts/partials/article-link/_shortcode.html
+++ b/layouts/partials/article-link/_shortcode.html
@@ -4,7 +4,7 @@
 {{ $constrainItemsWidth := site.Params.list.constrainItemsWidth | default false }}
 {{ $disableImageOptimization := site.Params.disableImageOptimization | default false }}
 
-{{ $articleClasses := "flex flex-wrap md:flex-nowrap article" }}
+{{ $articleClasses := "group flex flex-wrap md:flex-nowrap article relative" }}
 {{ if site.Params.list.showCards }}
   {{ $articleClasses = delimit (slice $articleClasses "border border-neutral-200 dark:border-neutral-700 border-2 rounded-md overflow-hidden") " " }}
 {{ else }}
@@ -75,7 +75,7 @@
       {{ with $target.Params.externalUrl }}
         <div>
           <div
-            class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+            class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
             {{ $target.Title | emojify }}
             <span class="cursor-default align-top text-xs text-neutral-400 dark:text-neutral-500">
               <span class="rtl:hidden">&#8599;</span>
@@ -85,7 +85,7 @@
         </div>
       {{ else }}
         <div
-          class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2"
+          class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2"
           href="{{ $target.RelPermalink }}">
           {{ $target.Title | emojify }}
         </div>
diff --git a/layouts/partials/article-link/card-related.html b/layouts/partials/article-link/card-related.html
index c7c49b01..40b39531 100644
--- a/layouts/partials/article-link/card-related.html
+++ b/layouts/partials/article-link/card-related.html
@@ -1,6 +1,6 @@
 {{ $disableImageOptimization := .Page.Site.Params.disableImageOptimization | default false }}
 <div
-  class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
+  class="group relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   <a
     {{ partial "article-link/_external-link.html" . | safeHTMLAttr }}
     class="absolute inset-0"
@@ -48,7 +48,7 @@
   <div class="px-6 py-4">
     {{ with .Params.externalUrl }}
       <div
-        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
         {{ $.Title | emojify }}
         <span class="cursor-default align-top text-xs text-neutral-400 dark:text-neutral-500">
           <span class="rtl:hidden">&#8599;</span>
@@ -57,7 +57,7 @@
       </div>
     {{ else }}
       <div
-        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
         {{ .Title | emojify }}
       </div>
     {{ end }}
diff --git a/layouts/partials/article-link/card.html b/layouts/partials/article-link/card.html
index 91bacda6..8763b186 100644
--- a/layouts/partials/article-link/card.html
+++ b/layouts/partials/article-link/card.html
@@ -1,6 +1,6 @@
 {{ $disableImageOptimization := .Page.Site.Params.disableImageOptimization | default false }}
 <div
-  class="relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
+  class="group relative min-h-full min-w-full overflow-hidden rounded border border-2 border-neutral-200 shadow-2xl dark:border-neutral-700">
   <a
     {{ partial "article-link/_external-link.html" . | safeHTMLAttr }}
     class="absolute inset-0"
@@ -45,7 +45,7 @@
   <div class="px-6 py-4">
     {{ with .Params.externalUrl }}
       <div
-        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
         {{ $.Title | emojify }}
         <span class="cursor-default align-top text-xs text-neutral-400 dark:text-neutral-500">
           <span class="rtl:hidden">&#8599;</span>
@@ -54,7 +54,7 @@
       </div>
     {{ else }}
       <div
-        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+        class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
         {{ .Title | emojify }}
       </div>
     {{ end }}
diff --git a/layouts/partials/article-link/simple.html b/layouts/partials/article-link/simple.html
index 43b49835..103b9a2a 100644
--- a/layouts/partials/article-link/simple.html
+++ b/layouts/partials/article-link/simple.html
@@ -1,6 +1,6 @@
 {{ $constrainItemsWidth := .Page.Site.Params.list.constrainItemsWidth | default false }}
 
-{{ $articleClasses := "flex flex-wrap md:flex-nowrap article relative" }}
+{{ $articleClasses := "group flex flex-wrap md:flex-nowrap article relative" }}
 {{ if .Site.Params.list.showCards }}
   {{ $articleClasses = delimit (slice $articleClasses "border border-neutral-200 dark:border-neutral-700 border-2 rounded-md overflow-hidden") " " }}
 {{ else }}
@@ -71,7 +71,7 @@
     <div class="items-center text-left text-xl font-semibold">
       {{ with .Params.externalUrl }}
         <div
-          class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+          class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
           {{ $.Title | emojify }}
           <span class="cursor-default align-top text-xs text-neutral-400 dark:text-neutral-500">
             <span class="rtl:hidden">&#8599;</span>
@@ -80,7 +80,7 @@
         </div>
       {{ else }}
         <div
-          class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 hover:underline hover:underline-offset-2">
+          class="decoration-primary-500 dark:text-neutral text-xl font-bold text-neutral-800 group-hover:underline group-hover:underline-offset-2">
           {{ .Title | emojify }}
         </div>
       {{ end }}