kubernetes
/
website
mirror of https://github.com/kubernetes/website.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Fix footer rendering 

The community page had the wrong rendering for the page footer.
Ensure that the footer is as wide as the viewport.
This commit is contained in:
Tim Bannister 2022-01-10 23:33:45 +00:00
parent 0872e8ec51
commit 688c246882
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/scss/_custom.scss
View File

@ -215,6 +215,10 @@ body.td-404 main .error-details {
} }
} }
body > footer {
width: 100vw;
}
/* FOOTER */ /* FOOTER */
footer { footer {
background-color: #303030; background-color: #303030;
@ -222,8 +226,14 @@ footer {
padding: 1rem !important; padding: 1rem !important;
min-height: initial !important; min-height: initial !important;
.footer__links { > div, > p {
width: 100%; max-width: 95%;
@media only screen and (min-width: 768px) {
max-width: calc(min(80rem,90vw)); // avoid spreading too wide
}
}
> .footer__links {
margin: auto; margin: auto;
padding-bottom: 1rem; padding-bottom: 1rem;
@ -233,6 +243,8 @@ footer {
} }
@media only screen and (min-width: 768px) { @media only screen and (min-width: 768px) {
max-width: calc(min(60rem,90vw)); // avoid spreading too wide
nav { nav {
display: flex; display: flex;
flex-direction: row; flex-direction: row;

4
static/css/newcommunity.css
View File

@ -85,7 +85,7 @@ body {
font-weight: 300; font-weight: 300;
/* letter-spacing:0.03em; */ /* letter-spacing:0.03em; */
/* font-size:15px; */ /* font-size:15px; */
margin: 0 auto; margin: 0;
} }
@ -636,11 +636,9 @@ h2:after {
body { body {
overflow-x: hidden; overflow-x: hidden;
line-height: 1.5em;
margin-top: 1%; margin-top: 1%;
letter-spacing: 0.03em; letter-spacing: 0.03em;
/* font-size: 13px; */ /* font-size: 13px; */
margin: 0 auto;
} }