Fixed post content min-height.
This commit is contained in:
parent
8417727e6e
commit
1c77b8f9f2
3 changed files with 16 additions and 6 deletions
|
@ -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">
|
||||||
|
|
||||||
|
|
|
@ -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">
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue