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">
|
||||
{% include sidebar.html %}
|
||||
</div>
|
||||
<div id="main-wrap">
|
||||
<div id="main-wrap" class="bg-white">
|
||||
{% include topbar.html %}
|
||||
<div id="main">
|
||||
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue