Prevent Disqus from jumping when page loading

2021-09-28 16:29:13 +08:00 · 2021-09-28 16:29:13 +08:00 · 063b2a6651
parent e5df04dd59
commit 063b2a6651
2 changed files with 4 additions and 1 deletions
--- a/_includes/disqus.html
+++ b/_includes/disqus.html
@ -3,7 +3,7 @@
 -->

 <div id="disqus_thread" class="pt-2 pb-2">
-  <p class="text-center text-muted small mb-5">
+  <p class="text-center text-muted small">
    Comments powered by <a href="https://disqus.com/">Disqus</a>.
  </p>
 </div>
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@ -218,9 +218,12 @@ nav[data-toggle=toc] {

 #post-extend-wrapper {
  min-height: 2rem;
+
  #disqus_thread {
+    min-height: 7.5rem;
    margin-bottom: 2rem;
  }
+
 }

 .post-tail-bottom a {