chore: max-width for product selector (#3293)

chdeskur · web-flow · commit 985f06c571f3 · 2025-07-27T10:36:23.000-04:00
diff --git a/packages/fern-docs/components/src/header/index.scss b/packages/fern-docs/components/src/header/index.scss
@@ -18,4 +18,12 @@
   .fern-header-search-bar {
     @apply max-w-content-width hidden w-full min-w-0 shrink lg:inline-flex;
   }
+
+  [data-testid="product-dropdown-content"] {
+    max-width: calc(-3rem + 100dvw);
+  }
+
+  div:has([data-testid="product-dropdown-content"]) {
+    max-width: calc(-3rem + 100dvw);
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -18,4 +18,12 @@`
`18`	`18`	`.fern-header-search-bar {`
`19`	`19`	`@apply max-w-content-width hidden w-full min-w-0 shrink lg:inline-flex;`
`20`	`20`	`}`
	`21`	`+`
	`22`	`+ [data-testid="product-dropdown-content"] {`
	`23`	`+ max-width: calc(-3rem + 100dvw);`
	`24`	`+ }`
	`25`	`+`
	`26`	`+ div:has([data-testid="product-dropdown-content"]) {`
	`27`	`+ max-width: calc(-3rem + 100dvw);`
	`28`	`+ }`
`21`	`29`	`}`