feat: Removed unneeded JS + moved to CSS

Author: lamATnginx

assets/css/v2/style.css

@@ -505,6 +505,30 @@ atomic-search-layout atomic-layout-section[section="search"] {
   z-index: 9999;
 }
 
+header atomic-search-interface {
+  /* Hide by default */
+  display: none;
+}
+
+body:not(:has(.main-layout)) header atomic-search-interface {
+  /* Show on landing pages */
+  display: block;
+}
+
+@media (max-width: 1184px) {
+  /* Show on pages with sidebar if it is hidden */
+  body:has(.sidebar-layout) header atomic-search-interface {
+    display: block;
+  }
+}
+
+@media (max-width: 1023px) {
+  /* Show on search page with facet if it is hidden */
+  body:has(atomic-search-layout) header atomic-search-interface {
+    display: block;
+  }
+}
+
 /* Sidebar */
 .sidebar {
   display: flex;

assets/js/coveo.js

@@ -85,8 +85,6 @@ async function atomicCoveo() {
     },
   });
 
-  searchBarHeader.style.display =
-    sidebar || searchPageInterface ? 'none' : 'block';
   await searchBarHeader.executeFirstSearch();
 }
 
@@ -158,26 +156,3 @@ document.addEventListener('DOMContentLoaded', async () => {
     legacyCoveo();
   }
 });
-
-window.addEventListener('resize', (event) => {
-  const searchBarHeader = document.querySelector('#search-standalone-header');
-  const searchPageInterface = document.querySelector('#search-v2');
-  const searchPageSearchbar = document.querySelector(
-    '#search-standalone-searchpage'
-  );
-  const sidebar = document.querySelector('#sidebar-layout');
-
-  if (!sidebar && !searchPageInterface) {
-    // Show when there is no sidebar or on the search page
-    searchBarHeader.style.display = 'block';
-  } else if (sidebar && sidebar.offsetWidth === 0) {
-    // Show when there is a sidebar but is hidden due to resizing
-    searchBarHeader.style.display = 'block';
-  } else if (searchPageInterface && searchPageSearchbar.offsetWidth === 0) {
-    // Show when on the search page but is "sidebar" searchbar is hidden
-    searchBarHeader.style.display = 'block';
-  } else {
-    // Go back to default state
-    searchBarHeader.style.display = 'none';
-  }
-});