Update: make sidebars sticky. (#6280)
This commit is contained in:
parent
39bd960e2a
commit
6245a4525b
1 changed files with 25 additions and 0 deletions
|
|
@ -67,3 +67,28 @@ code span.pre {
|
||||||
color: var(--pst-color-primary);
|
color: var(--pst-color-primary);
|
||||||
padding: 0.25rem 0rem;
|
padding: 0.25rem 0rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
/* make the sidebars sticky */
|
||||||
|
|
||||||
|
/* make the page footer position absolute to aviod pushing sidebars up when scrolling to the end of the page */
|
||||||
|
.bd-footer{
|
||||||
|
position: absolute;
|
||||||
|
bottom: 0;
|
||||||
|
background-color: var(--pst-color-on-background);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* make its parent element position relative to ensure the "position:absolute" change valid */
|
||||||
|
body{
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* set the height of footer */
|
||||||
|
footer.bd-footer{
|
||||||
|
height: 5rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* the margin height is just the height of original footer, to avoid content overlapping */
|
||||||
|
.bd-footer-article {
|
||||||
|
margin-bottom: 5rem;
|
||||||
|
}
|
||||||
Loading…
Reference in a new issue