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"> <div id="sidebar" class="d-flex flex-column">
{% include sidebar.html %} {% include sidebar.html %}
</div> </div>
<div id="main-wrap"> <div id="main-wrap" class="bg-white">
{% include topbar.html %} {% include topbar.html %}
<div id="main"> <div id="main">

View file

@ -5,7 +5,7 @@ layout: default
# MIT Licensed # MIT Licensed
--- ---
<div class="row bg-white"> <div class="row">
{% include date-format.html %} {% include date-format.html %}
<div id="post-wrap" class="col-12 col-lg-11 col-xl-8"> <div id="post-wrap" class="col-12 col-lg-11 col-xl-8">
@ -82,7 +82,7 @@ layout: default
</div> <!-- .row --> </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 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"> <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 { #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, #topbar.row,
@ -806,12 +812,16 @@ div.tooltip-inner { /* Overrided BS4 Tooltip */
@media all and (max-width: 576px) { @media all and (max-width: 576px) {
#main-wrap {
padding-bottom: 10rem; /* footer height */
}
#main>div.row:first-child>div:first-child { #main>div.row:first-child>div:first-child {
min-height: calc(100vh - 3rem - 10rem); /* topbar is 3rem and footer is 10rem */ min-height: calc(100vh - 3rem - 10rem); /* topbar is 3rem and footer is 10rem */
} }
#main-wrap { #post-wrap {
padding-bottom: 10rem; /* footer height */ min-height: calc(100vh - 3rem - 10rem - 470px) !important;
} }
#avatar>a { #avatar>a {