From 13a3c3c906bb6c5a38314ea27b6cf3767df94b27 Mon Sep 17 00:00:00 2001
From: Cotes Chung <11371340+cotes2020@users.noreply.github.com>
Date: Mon, 18 Sep 2023 03:26:02 +0800
Subject: [PATCH] perf(layout): improve margins for tail block (#1243)

Keeps the margin of the elements in the tail area consistent regardless of the number of siblings, or if a <script> is inserted.
---
 _includes/comments/disqus.html |  2 +-
 _sass/addon/commons.scss       | 12 +++++++++++-
 _sass/addon/variables.scss     |  1 -
 _sass/layout/post.scss         | 20 ++++++--------------
 4 files changed, 18 insertions(+), 17 deletions(-)

diff --git a/_includes/comments/disqus.html b/_includes/comments/disqus.html
index 02a5367..e59ed37 100644
--- a/_includes/comments/disqus.html
+++ b/_includes/comments/disqus.html
@@ -1,6 +1,6 @@
 <!-- The Disqus lazy loading. -->
 
-<div id="disqus_thread" class="mb-5">
+<div id="disqus_thread">
   <p class="text-center text-muted small">Comments powered by <a href="https://disqus.com/">Disqus</a>.</p>
 </div>
 
diff --git a/_sass/addon/commons.scss b/_sass/addon/commons.scss
index 2eb5f14..cae3fcb 100644
--- a/_sass/addon/commons.scss
+++ b/_sass/addon/commons.scss
@@ -1121,7 +1121,7 @@ search {
   }
 }
 
-/* --- main wrapper --- */
+/* --- basic wrappers --- */
 
 #main-wrapper {
   position: relative;
@@ -1135,6 +1135,16 @@ search {
   @include ml-mr(0);
 }
 
+#tail-wrapper {
+  > :not(script) {
+    margin-top: 3rem;
+  }
+
+  > :only-child {
+    margin-top: 0;
+  }
+}
+
 /* --- button back-to-top --- */
 
 #back-to-top {
diff --git a/_sass/addon/variables.scss b/_sass/addon/variables.scss
index 780a3ef..011976c 100644
--- a/_sass/addon/variables.scss
+++ b/_sass/addon/variables.scss
@@ -14,7 +14,6 @@ $search-max-width: 200px !default;
 $footer-height: 5rem !default;
 $footer-height-large: 6rem !default; /* screen width: < 850px */
 $main-content-max-width: 1250px !default;
-$bottom-min-height: 35rem !default;
 $base-radius: 0.5rem !default;
 $back2top-size: 2.75rem !default;
 
diff --git a/_sass/layout/post.scss b/_sass/layout/post.scss
index 75ef97d..ebc2582 100644
--- a/_sass/layout/post.scss
+++ b/_sass/layout/post.scss
@@ -346,21 +346,13 @@ h1 + .post-meta {
   }
 }
 
-#tail-wrapper {
-  min-height: 2rem;
+/* stylelint-disable-next-line selector-id-pattern */
+#disqus_thread {
+  min-height: 8.5rem;
+}
 
-  > *:not(:last-child) {
-    margin-top: 3rem;
-  }
-
-  > *:nth-last-child(2) {
-    margin-bottom: 3rem;
-  }
-
-  /* stylelint-disable-next-line selector-id-pattern */
-  #disqus_thread {
-    min-height: 8.5rem;
-  }
+.utterances {
+  max-width: 100%;
 }
 
 %btn-share-hovor {