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

Recolor warning about old blog articles 

Use white on blue. This color combination is on-brand and stands out,
whilst looking less alarming than the black on yellow for old
documentation versions.
pull/31623/head
Tim Bannister 2022-02-04 15:37:59 +00:00
parent 71408cd4f9
commit fbc529ce0a
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
assets/scss/_custom.scss
View File

@ -402,6 +402,11 @@ body {
color: #000; color: #000;
} }
.deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog {
background-color: $blue;
color: $white;
}
body.td-home .deprecation-warning, body.td-blog .deprecation-warning, body.td-documentation .deprecation-warning { body.td-home .deprecation-warning, body.td-blog .deprecation-warning, body.td-documentation .deprecation-warning {
border-radius: 3px; border-radius: 3px;
} }

4
layouts/partials/deprecation-warning.html
View File

@ -10,8 +10,8 @@
</div> </div>
</section> </section>
{{ else if and (eq .Section "blog") .Date (.Date.Before (now.AddDate -1 0 0)) -}} {{ else if and (eq .Section "blog") .Date (.Date.Before (now.AddDate -1 0 0)) -}}
<section id="deprecation-warning" class="outdated-blog"> <section id="deprecation-warning">
<div class="content deprecation-warning pageinfo"> <div class="content deprecation-warning pageinfo outdated-blog">
<h3>{{ T "outdated_blog__title" }}</h3> <h3>{{ T "outdated_blog__title" }}</h3>
<p>{{ T "outdated_blog__message" }}</p> <p>{{ T "outdated_blog__message" }}</p>
</div> </div>