Sidebar: Adjust Coveo styling to better match product selector

TasoOneAsia · TasoOneAsia · commit 904cb64f25fe · 2025-08-27T15:08:32.000-04:00
Applies to mobile
diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
@@ -864,11 +864,22 @@ ol li:last-child {
         flex-direction: column;
       }
 
+      .product-selector {
+        padding-top: 0;
+      }
+
       .sidebar__search {
         display: unset;
         width: calc(var(--sidebar-width));
-        margin-block-start: 0.5rem;
-        padding-inline: 0.5rem;
+        padding-top: var(--space-s);
+        padding-right: var(--sidebar-item-padding-lr);
+        overflow: hidden;
+
+        #search-standalone-sidebar {
+          atomic-search-box {
+            width: 100%;
+          }
+        }
       }
     }
   }

Original file line number	Diff line number	Diff line change
`@@ -864,11 +864,22 @@ ol li:last-child {`
`864`	`864`	`flex-direction: column;`
`865`	`865`	`}`
`866`	`866`
	`867`	`+ .product-selector {`
	`868`	`+ padding-top: 0;`
	`869`	`+ }`
	`870`	`+`
`867`	`871`	`.sidebar__search {`
`868`	`872`	`display: unset;`
`869`	`873`	`width: calc(var(--sidebar-width));`
`870`		`- margin-block-start: 0.5rem;`
`871`		`- padding-inline: 0.5rem;`
	`874`	`+ padding-top: var(--space-s);`
	`875`	`+ padding-right: var(--sidebar-item-padding-lr);`
	`876`	`+ overflow: hidden;`
	`877`	`+`
	`878`	`+ #search-standalone-sidebar {`
	`879`	`+ atomic-search-box {`
	`880`	`+ width: 100%;`
	`881`	`+ }`
	`882`	`+ }`
`872`	`883`	`}`
`873`	`884`	`}`
`874`	`885`	`}`