From 29e70c8b211d111f7d0a76a8659e0cbd188c9c91 Mon Sep 17 00:00:00 2001
From: Xin <xin@imfing.com>
Date: Mon, 18 Mar 2024 18:37:47 +0000
Subject: [PATCH] fix: code copy button is invisible when hover (#323)

* fix: code copy button is invisible when hover

* chore: update hugo_stats.json file
---
 exampleSite/hugo_stats.json                    | 4 ++--
 layouts/_default/_markup/render-codeblock.html | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/exampleSite/hugo_stats.json b/exampleSite/hugo_stats.json
index 244d90a4..7e00beac 100644
--- a/exampleSite/hugo_stats.json
+++ b/exampleSite/hugo_stats.json
@@ -208,8 +208,6 @@
       "group-hover/code:hx-opacity-100",
       "group-hover:hx-underline",
       "group-open:before:hx-rotate-90",
-      "group/code",
-      "group/copybtn",
       "hamburger-menu",
       "hextra-card",
       "hextra-cards",
@@ -303,6 +301,8 @@
       "hx-grid",
       "hx-grid-cols-1",
       "hx-group",
+      "hx-group/code",
+      "hx-group/copybtn",
       "hx-grow",
       "hx-h-0",
       "hx-h-16",
diff --git a/layouts/_default/_markup/render-codeblock.html b/layouts/_default/_markup/render-codeblock.html
index fb8a3c75..2b65e88d 100644
--- a/layouts/_default/_markup/render-codeblock.html
+++ b/layouts/_default/_markup/render-codeblock.html
@@ -4,7 +4,7 @@
 {{- $copyCode := (T "copyCode") | default "Copy code" -}}
 
 
-<div class="code-block hx-relative hx-mt-6 first:hx-mt-0 group/code">
+<div class="code-block hx-relative hx-mt-6 first:hx-mt-0 hx-group/code">
   {{- if $filename -}}
     <div class="filename" dir="auto">{{ $filename }}</div>
   {{- end -}}
@@ -15,7 +15,7 @@
   {{- end -}}
   <div class="hx-opacity-0 hx-transition group-hover/code:hx-opacity-100 hx-flex hx-gap-1 hx-absolute hx-m-[11px] hx-right-0 {{ if $filename }}hx-top-8{{ else }}hx-top-0{{ end }}">
     <button
-      class="code-copy-btn group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
+      class="code-copy-btn hx-group/copybtn hx-transition-all active:hx-opacity-50 hx-bg-primary-700/5 hx-border hx-border-black/5 hx-text-gray-600 hover:hx-text-gray-900 hx-rounded-md hx-p-1.5 dark:hx-bg-primary-300/10 dark:hx-border-white/10 dark:hx-text-gray-400 dark:hover:hx-text-gray-50"
       title="{{ $copyCode }}"
     >
       <div class="copy-icon group-[.copied]/copybtn:hx-hidden hx-pointer-events-none hx-h-4 hx-w-4"></div>