From 7fec4ba7874372a0be0fa39824c6d5172fb1ef6b Mon Sep 17 00:00:00 2001
From: Yufan Sheng <syhily@gmail.com>
Date: Tue, 18 Jun 2024 20:49:03 +0800
Subject: [PATCH] chore: better a11y for comment page.

---
 src/assets/styles/globals.css            | 12 ++++++------
 src/components/comment/CommentItem.astro |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/assets/styles/globals.css b/src/assets/styles/globals.css
index f87f91b..025456f 100644
--- a/src/assets/styles/globals.css
+++ b/src/assets/styles/globals.css
@@ -1508,12 +1508,11 @@ textarea.form-control {
   color: rgba(255, 255, 255, 0.5) !important;
 }
 
-#recent_posts,
-#tag_cloud,
-#recent-comments {
-  a:hover {
-    color: var(--color-primary);
-  }
+#recent_posts a:hover,
+#tag_cloud a:hover,
+#recent-comments a:hover {
+  color: var(--color-primary);
+  text-shadow: var(--color-muted) 0.05em 0 0.05em;
 }
 
 a.list-title:hover {
@@ -3682,6 +3681,7 @@ a:hover .overlay {
 
 .comment-reply-link {
   cursor: pointer;
+  background-color: transparent;
 }
 
 .comment-reply-link:hover {
diff --git a/src/components/comment/CommentItem.astro b/src/components/comment/CommentItem.astro
index 76dcbb1..6822dc0 100644
--- a/src/components/comment/CommentItem.astro
+++ b/src/components/comment/CommentItem.astro
@@ -44,7 +44,7 @@ const { comment, config, depth, pending } = Astro.props;
       </div>
       <div class="comment-footer text-xs text-muted">
         <time class="me-2">{formatLocalDate(comment.date)}</time>
-        <span class="text-secondary comment-reply-link" data-rid={comment.id}>回复</span>
+        <button class="text-secondary comment-reply-link" data-rid={comment.id}>回复</button>
       </div>
     </div>
   </article>