Update docsearch to v3

Update docsearch to v3

Signed-off-by: Nigel Brown <nigelb@vmware.com>
This commit is contained in:
Nigel Brown 2023-03-06 14:56:02 -06:00
parent 0aa4892353
commit 241a3a6cfb
2 changed files with 10 additions and 5 deletions

View File

@ -15,18 +15,23 @@
{{ with .OutputFormats.Get "RSS" -}} {{ with .OutputFormats.Get "RSS" -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }} {{ printf `<link rel="%s" type="%s" href="%s" title="%s">` .Rel .MediaType.Type .RelPermalink $.Site.Title | safeHTML }}
{{- end }} {{- end }}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.css" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@docsearch/css@3">
<style>
.DocSearch-Button{
margin: 0px;
}
</style>
</head> </head>
<body> <body>
{{ partial "header" . }} {{ partial "header" . }}
{{ block "main" . }}{{ end }} {{ block "main" . }}{{ end }}
{{ partial "footer" . }} {{ partial "footer" . }}
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/docsearch.js@2/dist/cdn/docsearch.min.js"></script> <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/@docsearch/js@3/dist/umd/index.js"></script>
<script type="text/javascript"> docsearch({ <script type="text/javascript"> docsearch({
appId: 'FYQE1VJB02', appId: 'FYQE1VJB02',
apiKey: '826ac6c64f20d5e00a72a0599cf76177', apiKey: 'ed11fcea9e709eb58558e949c2303491',
indexName: 'pinniped', indexName: 'pinniped',
inputSelector: '.docsearch-input', container: '#docsearch-div',
debug: false // Set debug to true if you want to inspect the dropdown debug: false // Set debug to true if you want to inspect the dropdown
}); });
</script> </script>

View File

@ -1,5 +1,5 @@
<div class="side-nav"> <div class="side-nav">
<form class="d-flex align-items-center"> <form class="d-flex align-items-center" id="docsearch-div">
<span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;"> <span class="algolia-autocomplete" style="position: relative; display: inline-block; direction: ltr;">
<input type="search" class="form-control docsearch-input" id="search-input" placeholder="Search..." <input type="search" class="form-control docsearch-input" id="search-input" placeholder="Search..."
aria-label="Search for..." autocomplete="off" spellcheck="false" role="combobox" aria-label="Search for..." autocomplete="off" spellcheck="false" role="combobox"