syhily/yufan.me
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: better a11y for comment page.

Browse Source
This commit is contained in:
Yufan Sheng 2024-06-18 20:49:03 +08:00
parent d70c4ae9eb
commit 7fec4ba787
Signed by: syhily
GPG Key ID: 9D18A22A7DCD5A9B
2 changed files with 7 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/assets/styles/globals.css
View File

@ -1508,12 +1508,11 @@ textarea.form-control {
color: rgba(255, 255, 255, 0.5) !important; color: rgba(255, 255, 255, 0.5) !important;
} }
#recent_posts, #recent_posts a:hover,
#tag_cloud, #tag_cloud a:hover,
#recent-comments { #recent-comments a:hover {
a:hover { color: var(--color-primary);
color: var(--color-primary); text-shadow: var(--color-muted) 0.05em 0 0.05em;
}
} }
a.list-title:hover { a.list-title:hover {
@ -3682,6 +3681,7 @@ a:hover .overlay {
.comment-reply-link { .comment-reply-link {
cursor: pointer; cursor: pointer;
background-color: transparent;
} }
.comment-reply-link:hover { .comment-reply-link:hover {

2
src/components/comment/CommentItem.astro
View File

@ -44,7 +44,7 @@ const { comment, config, depth, pending } = Astro.props;
</div> </div>
<div class="comment-footer text-xs text-muted"> <div class="comment-footer text-xs text-muted">
<time class="me-2">{formatLocalDate(comment.date)}</time> <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>
</div> </div>
</article> </article>