Coveo: Fixed reloading causing query to clear + tweaked styling (#427)

Author: lamATnginx

assets/css/v2/style.css

@@ -1380,7 +1380,7 @@ atomic-search-interface#search-v2 {
 }
 
 /* Search bar on header */
-atomic-search-box {
+.header atomic-search-box {
   height: 2.25rem;
   width: 18.5rem;
   display: flex;

assets/js/coveo.js

@@ -74,13 +74,7 @@ async function atomicCoveo() {
   await customElements.whenDefined('atomic-search-interface');
   const credentials = await getValidSearchCredentials();
 
-  const interfaces = [
-    document.querySelector('#search-v2'),
-    document.querySelector('#search-standalone-header'),
-    document.querySelector('#search-standalone-sidebar'),
-  ].filter(Boolean);
-
-  for (const el of interfaces) {
+  document.querySelectorAll('atomic-search-interface').forEach(async (el) => {
     await el.initialize({
       ...credentials,
       analytics: { analyticsMode: 'legacy' },
@@ -92,7 +86,7 @@ async function atomicCoveo() {
       },
     });
     await el.executeFirstSearch();
-  }
+  });
 
   const headerSearchBar = document.querySelector('#search-standalone-header');
   if (headerSearchBar?.shadowRoot) {

layouts/partials/coveo-atomic.html

@@ -1,11 +1,11 @@
 <atomic-search-interface id="search-v2">
     <atomic-search-layout>
       <!-- Search/Metadata Section -->
-      {{ if .Params.searchOnPage }}
         <atomic-layout-section section="search">
+          <div style="display: {{ if not .Params.searchOnPage }}none{{ end }};">
           <atomic-search-box></atomic-search-box>
+          </div>
         </atomic-layout-section>
-      {{ end }}
       <atomic-layout-section section="status">
         <div class="atomic-full-summary-and-sort">
           <atomic-refine-toggle></atomic-refine-toggle>