Header: Fix coveo search breaking page height

Author: nginx-jack

assets/css/v2/style.css

@@ -443,6 +443,9 @@ ol li:last-child {
 
     .header__search {
       width: 14rem;
+      /* This is a horrible hack to stop coveo overflowing 3500px for no reason. :sad */
+      transform: translateY(0);
+      overflow: hidden;
     }
 
     .header__product-selector {
@@ -514,6 +517,7 @@ ol li:last-child {
         height: 2rem;
         stroke: currentColor;
         color: black;
+        transition: color 0.2s ease;
       }
     }
 
@@ -1057,7 +1061,7 @@ body:not(:has(.main-layout)) header atomic-search-interface {
   display: none;
   position: absolute;
   top: 0;
-  margin-top: 4em;
+  margin-top: calc(var(--header-height) - 1rem);
   padding: 1rem 1.5rem;
   background-color: oklch(var(--color-background));
   border: oklch(var(--color-foreground)) 1px solid;

layouts/_default/list.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
 
-<main class="content content-has-toc" role="main">
+<main class="content " role="main">
 <section class="main-layout">
     <section id="maincontent" class="content-layout">
     <div data-cms-edit="content" class="text-content list-page">

layouts/_default/single.html

@@ -3,7 +3,7 @@
 <main class="content">
     <!-- Replace icons -->
     {{ $content := partial "icon-replacement.html" (dict "content" .Content) }}
-    <main role="main">
+
 
     <section class="main-layout">
     <section id="maincontent" class="content-layout">
@@ -34,7 +34,6 @@ <h1>{{ .Title }}</h1>
 
         {{ partial "previous-next-links-in-section-with-title.html" . }}
 
-        </main>
     </section>
     </section>
 </main>

layouts/partials/header.html

@@ -116,14 +116,14 @@
         </div>
     </button>
     <div class="dropdown-content" id="dropdown-content">
-    <ul>
-        {{ range $f5Sites }}
-        <li>
-            <a href="{{ .url }}" target="_blank" >{{ .title }}</a>
-            <p>{{ .description }}</p>
-        </li>
-        {{ end }}
-    </ul>
+        <ul>
+            {{ range $f5Sites }}
+            <li>
+                <a href="{{ .url }}" target="_blank" >{{ .title }}</a>
+                <p>{{ .description }}</p>
+            </li>
+            {{ end }}
+        </ul>
     </div>
 
     </div>