fix: 修复评论区溢出和按钮颜色问题
- 修复评论区长文本溢出问题,添加 overflow-wrap 和 word-break 属性 - 修复评论内容区域文本溢出问题 - 修复移动端 TODO 验证码提交按钮颜色未跟随全局主题设置 - 统一按钮样式使用 btn-primary 类
This commit is contained in:
@@ -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();
|
||||
}
|
||||
});
|
||||
|
||||
Reference in New Issue
Block a user