fix(docs): show version selection dropdown on mobile (#15894)

NicholasFlamy · web-flow · commit c4531fc4d372 · 2025-02-06T16:00:52.000-05:00
change-className-and-add-css-to-show-versions-on-mobile
diff --git a/docs/src/components/version-switcher.tsx b/docs/src/components/version-switcher.tsx
@@ -44,7 +44,7 @@ export default function VersionSwitcher(): JSX.Element {
   return (
     versions.length > 0 && (
       <DropdownNavbarItem
-        className="navbar__item"
+        className="version-switcher-34ab39"
         label={label}
         mobile={windowSize === 'mobile'}
         items={versions.map(({ label, url }) => ({
diff --git a/docs/src/css/custom.css b/docs/src/css/custom.css
@@ -75,6 +75,11 @@ div[class^='announcementBar_'] {
   font-weight: 500;
 }
 
+/* workaround for version switcher PR 15894 */
+div[class*='navbar__items'] > li:has(a[class*='version-switcher-34ab39']) {
+  display: none;
+}
+
 code {
   font-weight: 600;
 }

Original file line number	Diff line number	Diff line change
`@@ -75,6 +75,11 @@ div[class^='announcementBar_'] {`
`75`	`75`	`font-weight: 500;`
`76`	`76`	`}`
`77`	`77`
	`78`	`+/* workaround for version switcher PR 15894 */`
	`79`	`+div[class='navbar__items'] > li:has(a[class='version-switcher-34ab39']) {`
	`80`	`+ display: none;`
	`81`	`+}`
	`82`	`+`
`78`	`83`	`code {`
`79`	`84`	`font-weight: 600;`
`80`	`85`	`}`