whentimeslows/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix search input overlapping site nav

Browse Source
This commit is contained in:
Taylor Chaparro
2021-01-26 08:38:41 -08:00
parent 25c5aa783b
commit 9adf2c1b31
2 changed files with 39 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
assets/scss/_base.scss
+7
View File
@@ -810,6 +810,13 @@ section#cncf {
} }
} }
.td-search {
header > .header-filler {
height: $hero-padding-top;
background-color: black;
}
}
// Docs specific // Docs specific
#editPageButton { #editPageButton {
layouts/_default/search.html
+2 -3
View File
@@ -3,9 +3,10 @@
<head> <head>
{{ partial "head.html" . }} {{ partial "head.html" . }}
</head> </head>
<body class="td-{{ .Kind }}{{- if ne .Params.cid "" -}}{{- printf " cid-%s" (lower .Params.cid) -}}{{- end -}}"> <body class="td-search {{- if ne .Params.cid "" -}}{{- printf " cid-%s" (lower .Params.cid) -}}{{- end -}}">
<header> <header>
{{ partial "navbar.html" . }} {{ partial "navbar.html" . }}
<div class="header-filler"></div>
</header> </header>
{{ block "announcement" . }} {{ block "announcement" . }}
{{ if .IsHome }} {{ if .IsHome }}
@@ -20,8 +21,6 @@
<div class="col-12 col-md-4 offset-md-2"> <div class="col-12 col-md-4 offset-md-2">
<form class="td-sidebar__search d-flex align-items-center"> <form class="td-sidebar__search d-flex align-items-center">
{{ partial "search-input.html" . }} {{ 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> </form>
</div> </div>
<div class="col-12 col-md-8 offset-md-2"> <div class="col-12 col-md-8 offset-md-2">