Fix search input overlapping site nav

2021-01-26 08:38:41 -08:00
parent 25c5aa783b
commit 9adf2c1b31
2 changed files with 39 additions and 33 deletions
@@ -810,6 +810,13 @@ section#cncf {
  }
 }

+.td-search {
+  header > .header-filler {
+    height: $hero-padding-top;
+    background-color: black;
+  }
+}
+
 // Docs specific

 #editPageButton {
@@ -3,9 +3,10 @@
  <head>
    {{ partial "head.html" . }}
  </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>
      {{ partial "navbar.html" . }}
+      <div class="header-filler"></div>
    </header>
    {{ block "announcement" . }}
      {{ if .IsHome }}
@@ -20,8 +21,6 @@
          <div class="col-12 col-md-4 offset-md-2">
            <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>
          </div>
          <div class="col-12 col-md-8 offset-md-2">