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

Add the search box and the toggle section navigation (for mobile)

This commit is contained in:
TAKAHASHI Shuuji 2021-04-23 12:45:20 +00:00
parent 0b3359c72a
commit af860986bd
2 changed files with 8 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
assets/scss/_custom.scss
View File

@ -444,7 +444,7 @@ body.cid-community > #deprecation-warning > .deprecation-warning > * {
.td-sidebar__inner {
form.td-sidebar__search {
button.td-sidebar__toggle {
.td-sidebar__toggle {
&:hover {
color: #000000;
}
@ -482,10 +482,6 @@ main.content {
.td-blog {
.td-sidebar-nav {
max-height: calc(100vh - 8rem);
}
.widget-link {
margin-bottom: 1rem;

7
layouts/partials/blog-sidebar.html
View File

@ -5,6 +5,13 @@ sidebar-tree in use elsewhere on the site. */}}
{{ $shouldDelayActive := ge (len .Site.Pages) 2000 }}
<div id="td-sidebar-menu" class="td-sidebar__inner{{ if $shouldDelayActive }} d-none{{ end }}">
<form class="td-sidebar__search d-flex align-items-center">
{{ partial "search-input.html" . }}
<button class="btn btn-link td-sidebar__toggle d-md-none p-0 ml-3 fas fa-bars" type="button" data-toggle="collapse" data-target="#td-section-nav" aria-controls="td-docs-nav" aria-expanded="false" aria-label="Toggle section navigation">
</button>
</form>
<nav class="collapse td-sidebar-nav pt-2 pl-4" id="td-section-nav">
<!-- {{ if (gt (len .Site.Home.Translations) 0) }}
<div class="nav-item dropdown d-block d-lg-none">