From c4531fc4d372318d7ef1fb01e362b7a23b2af1ea Mon Sep 17 00:00:00 2001
From: Nicholas Flamy <30300649+NicholasFlamy@users.noreply.github.com>
Date: Thu, 6 Feb 2025 16:00:52 -0500
Subject: [PATCH] fix(docs): show version selection dropdown on mobile (#15894)

change-className-and-add-css-to-show-versions-on-mobile
---
 docs/src/components/version-switcher.tsx | 2 +-
 docs/src/css/custom.css                  | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/docs/src/components/version-switcher.tsx b/docs/src/components/version-switcher.tsx
index 56fcd4f569..5f7e1c807f 100644
--- 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
index dc3ff4e9ef..fd3f199ce8 100644
--- 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;
 }