fix: 修复评论区溢出和按钮颜色问题

- 修复评论区长文本溢出问题,添加 overflow-wrap 和 word-break 属性
- 修复评论内容区域文本溢出问题
- 修复移动端 TODO 验证码提交按钮颜色未跟随全局主题设置
- 统一按钮样式使用 btn-primary 类
This commit is contained in:
2026-01-12 15:03:11 +08:00
parent ca3b3eaeb1
commit 8054861a5c
5 changed files with 43 additions and 17 deletions

View File

@@ -718,23 +718,26 @@ if (argonConfig.waterflow_columns != "1") {
var commentsArea = $("#comments");
var postCommentArea = $("#post_comment");
var wasCollapsed = commentsArea.hasClass("comments-collapsed");
var toggleBtn = $("#comments_toggle");
if (wasCollapsed) {
if (wasCollapsed && toggleBtn.length > 0) {
// 折叠状态:先滚动到评论切换按钮位置,再展开
var toggleBtn = $("#comments_toggle");
if (toggleBtn.length > 0) {
gotoHash("#comments_toggle", 600);
toggleBtn.find("i").removeClass("fa-comments").addClass("fa-comment-o");
toggleBtn.find(".btn-inner--text").text("折叠评论");
}
$("body,html").stop().animate({
scrollTop: toggleBtn.offset().top - 80
}, 600);
toggleBtn.find("i").removeClass("fa-comments").addClass("fa-comment-o");
toggleBtn.find(".btn-inner--text").text("折叠评论");
toggleBtn.addClass("expanded");
commentsArea.removeClass("comments-collapsed");
setTimeout(function() {
postCommentArea.removeClass("comments-collapsed");
$("#post_comment_content").focus();
}, 150);
} else {
// 已展开:直接滚动到评论框
gotoHash("#post_comment" , 600);
// 已展开或无切换按钮:直接滚动到评论框
$("body,html").stop().animate({
scrollTop: postCommentArea.offset().top - 80
}, 600);
$("#post_comment_content").focus();
}
});