michaelh/zephyr
1
0
Fork 0
Code Releases Activity

doc: css: stick footer at bottom

Browse source 
Make actual document take all vertical space available so that footer is
always at the bottom, even when the page has very little content.

Signed-off-by: Benjamin Cabé <benjamin@zephyrproject.org>
This commit is contained in:
Benjamin Cabé 2024-09-05 11:56:50 +02:00 • committed by Anas Nashif
commit db503f8c23
1 changed files with 18 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

18
doc/_static/css/custom.css vendored
View file

@ -171,6 +171,8 @@ a.icon-home:visited {
.wy-nav-content { .wy-nav-content {
background-color: var(--content-background-color); background-color: var(--content-background-color);
min-height: 100vh;
display: flex;
} }
.wy-body-for-nav { .wy-body-for-nav {
@ -757,6 +759,9 @@ kbd, .kbd,
overflow-y: initial; overflow-y: initial;
max-height: initial; max-height: initial;
} }
.wy-nav-content {
min-height: calc(100dvh - 64px);
}
} }
/* Scrollbar styling */ /* Scrollbar styling */
@ -888,6 +893,19 @@ dark-mode-toggle::part(toggleLabel){
font-size: 0.9rem; font-size: 0.9rem;
} }
/* Make actual document take all vertical space available so that footer is always at the bottom */
.rst-content {
flex: 1;
display: flex;
flex-direction: column;
width: 100%;
}
.document {
flex-grow: 1;
}
/* Custom search box, including search engine selection */ /* Custom search box, including search engine selection */
.search-container { .search-container {