Fixed post content min-height.

This commit is contained in:
Cotes Chung 2019-11-28 03:58:31 +08:00
parent 8417727e6e
commit 1c77b8f9f2
3 changed files with 16 additions and 6 deletions

View file

@ -14,7 +14,7 @@ layout: compress
<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">

View file

@ -5,7 +5,7 @@ layout: default
# 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 @@ layout: default
</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">

View file

@ -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 {