doc: css: fix mobile layout and increase browser compatibility

added a missing dvh causing footer to be footer to be displayed outside
of the viewport on mobile when browsing "Desktop site" version, and also
added fallback "vh" rules for slightly better browser compatibility.

Signed-off-by: Benjamin Cabé <benjamin@zephyrproject.org>
This commit is contained in:
Benjamin Cabé 2024-09-10 11:08:13 +02:00 committed by Carles Cufí
parent 3082b9c509
commit cbaabc2559
1 changed files with 2 additions and 0 deletions

View File

@ -172,6 +172,7 @@ a.icon-home:visited {
.wy-nav-content {
background-color: var(--content-background-color);
min-height: 100vh;
min-height: 100dvh;
display: flex;
}
@ -760,6 +761,7 @@ kbd, .kbd,
max-height: initial;
}
.wy-nav-content {
min-height: calc(100vh - 64px);
min-height: calc(100dvh - 64px);
}
}