refactor: 重构评论区回复提示框

- 重新设计 HTML 结构,更清晰的布局
- 新增回复图标和用户名高亮显示
- 关闭按钮改为圆形,悬停时旋转动画
- 使用 CSS 动画替代 jQuery slideDown/slideUp
- 添加渐变背景和阴影效果
- 优化深色模式适配
This commit is contained in:
2026-01-16 15:18:22 +08:00
parent b058de488a
commit ea4663472c
3 changed files with 152 additions and 51 deletions

View File

@@ -314,9 +314,19 @@ function resetGeetestCaptcha() {
<span class="hide-on-comment-not-editing"><?php echo apply_filters("argon_comment_title_editing", __('编辑评论', 'argon'))?></span>
</h2>
<div id="post_comment_reply_info" class="post-comment-reply" style="display: none;">
<span><?php _e('正在回复', 'argon');?> <b><span id="post_comment_reply_name"></span></b><?php _e(' 的评论', 'argon');?> :</span>
<div class="post-comment-reply-header">
<div class="post-comment-reply-icon">
<i class="fa fa-reply"></i>
</div>
<div class="post-comment-reply-meta">
<span class="post-comment-reply-label"><?php _e('正在回复', 'argon');?></span>
<span class="post-comment-reply-name" id="post_comment_reply_name"></span>
</div>
<button id="post_comment_reply_cancel" class="post-comment-reply-close" type="button" title="<?php _e('取消回复', 'argon');?>">
<i class="fa fa-times"></i>
</button>
</div>
<div id="post_comment_reply_preview" class="post-comment-reply-preview"></div>
<button id="post_comment_reply_cancel" class="btn btn-outline-primary btn-sm"><?php _e('取消回复', 'argon');?></button>
</div>
<form>
<div style="display:none;">