Sidebar: Adjust Coveo styling to better match product selector

TasoOneAsia · TasoOneAsia · commit 39e7af6e74e9 · 2025-08-27T13:40:01.000-04:00
Applies to mobile
diff --git a/assets/css/v2/style.css b/assets/css/v2/style.css
@@ -857,11 +857,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
`@@ -857,11 +857,22 @@ ol li:last-child {`
`857`	`857`	`flex-direction: column;`
`858`	`858`	`}`
`859`	`859`
	`860`	`+ .product-selector {`
	`861`	`+ padding-top: 0;`
	`862`	`+ }`
	`863`	`+`
`860`	`864`	`.sidebar__search {`
`861`	`865`	`display: unset;`
`862`	`866`	`width: calc(var(--sidebar-width));`
`863`		`- margin-block-start: 0.5rem;`
`864`		`- padding-inline: 0.5rem;`
	`867`	`+ padding-top: var(--space-s);`
	`868`	`+ padding-right: var(--sidebar-item-padding-lr);`
	`869`	`+ overflow: hidden;`
	`870`	`+`
	`871`	`+ #search-standalone-sidebar {`
	`872`	`+ atomic-search-box {`
	`873`	`+ width: 100%;`
	`874`	`+ }`
	`875`	`+ }`
`865`	`876`	`}`
`866`	`877`	`}`
`867`	`878`	`}`