Fixed post content min-height.

cotes2020 · cotes2020 · commit 5d1f76507b04 · 2019-12-02T03:05:23.000+08:00
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -14,7 +14,7 @@
     <div id="sidebar" class="d-flex flex-column">
       {% include sidebar.html %}
     </div>
-    <div id="main-wrap">
+    <div id="main-wrap" class="bg-white">
       {% include topbar.html %}
       <div id="main">
 
diff --git a/_layouts/post.html b/_layouts/post.html
@@ -5,7 +5,7 @@
 # MIT Licensed
 ---
 
-<div class="row bg-white">
+<div class="row">
   {% include date-format.html %}
 
   <div id="post-wrap" class="col-12 col-lg-11 col-xl-8">
@@ -82,7 +82,7 @@ <h1 data-toc-skip>{{ page.title }}</h1>
 
 </div> <!-- .row -->
 
-<div class="row bg-white">
+<div class="row">
   <div id="post-extend-wrap" class="col-12 col-lg-11 col-xl-8">
 
     <div class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-md-4 pr-md-4">
diff --git a/assets/css/main.scss b/assets/css/main.scss
@@ -358,7 +358,13 @@ body {
 }
 
 #main>div.row:first-child>div:first-child {
-  min-height: calc(100vh - 3rem - 6rem); /* 3rem for topbar, 6rem for footer */
+  /* 3rem for topbar, 6rem for footer */
+  min-height: calc(100vh - 3rem - 6rem);
+}
+
+#post-wrap {
+  /* 350px for post extended block  */
+  min-height: calc(100vh - 3rem - 6rem - 470px) !important;
 }
 
 #topbar.row,
@@ -806,12 +812,16 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
 
 @media all and (max-width: 576px) {
 
+  #main-wrap {
+    padding-bottom: 10rem; /* footer height */
+  }
+
   #main>div.row:first-child>div:first-child {
     min-height: calc(100vh - 3rem - 10rem); /* topbar is 3rem and footer is 10rem */
   }
 
-  #main-wrap {
-    padding-bottom: 10rem; /* footer height */
+  #post-wrap {
+    min-height: calc(100vh - 3rem - 10rem - 470px) !important;
   }
 
   #avatar>a {
