From 41fdfde9b7dfb6b93307e9e22c6817346a4568ca Mon Sep 17 00:00:00 2001
From: SukkaW <isukkaw@gmail.com>
Date: Sun, 19 May 2019 18:53:40 +0800
Subject: [PATCH] fix(hasMore): change btn typo & style
---
src/disqus.js | 8 ++++----
src/disqusjs.css | 6 +++---
2 files changed, 7 insertions(+), 7 deletions(-)
diff --git a/src/disqus.js b/src/disqus.js
index f602d58..5c03395 100644
--- a/src/disqus.js
+++ b/src/disqus.js
@@ -617,10 +617,10 @@
// 处理可能存在的隐藏回复
let hasMoreEl = ``;
if (comment.hasMore) {
- hasMoreEl = `<p class="dsqjs-has-more">切换到 <a class="dsqjs-has-more-btn" id="load-more-${comment.comment.id}">Disqus 完整模式</a> 显示更多回复</p>`
+ hasMoreEl = `<p class="dsqjs-has-more">切换到 <a class="dsqjs-has-more-btn" id="load-more-${comment.comment.id}">完整 Disqus 模式</a> 显示更多回复</p>`
}
- html += `<li data-id="comment-${comment.comment.id}" id="comment-${comment.comment.id}">${renderPostItem(comment.comment)}${hasMoreEl}${childrenComments(comment)}</li>`;
+ html += `<li data-id="comment-${comment.comment.id}" id="comment-${comment.comment.id}">${renderPostItem(comment.comment)}${childrenComments(comment)}${hasMoreEl}</li>`;
});
html += '</ul>';
@@ -646,10 +646,10 @@
// 处理可能存在的隐藏回复
let hasMoreEl = ``;
if (comment.hasMore) {
- hasMoreEl = `<p class="dsqjs-has-more">切换到 <a id="load-more-${comment.comment.id}">Disqus 完整模式</a> 显示更多回复</p>`
+ hasMoreEl = `<p class="dsqjs-has-more">切换到 <a id="load-more-${comment.comment.id}">完整 Disqus 模式</a> 显示更多回复</p>`
}
- html += `<li data-id="comment-${comment.comment.id}" id="comment-${comment.comment.id}">${renderPostItem(comment.comment)}${hasMoreEl}${childrenComments(comment)}</li>`;
+ html += `<li data-id="comment-${comment.comment.id}" id="comment-${comment.comment.id}">${renderPostItem(comment.comment)}${childrenComments(comment)}${hasMoreEl}</li>`;
});
diff --git a/src/disqusjs.css b/src/disqusjs.css
index f1970b1..f97fcd9 100644
--- a/src/disqusjs.css
+++ b/src/disqusjs.css
@@ -295,13 +295,13 @@
}
#dsqjs p.dsqjs-has-more {
- margin-bottom: 20px;
+ margin-bottom: 24px;
margin-left: 48px;
+ font-size: 13px;
+ line-height: 15px;
}
#dsqjs p.dsqjs-has-more a.dsqjs-has-more-btn {
- font-size: 13px;
- line-height: 15px;
color: #656c7a;
text-decoration: underline;
cursor: pointer;