From 2d5179c261d972e06eda937314c30c6cc66ce4d5 Mon Sep 17 00:00:00 2001
From: Hossein Mehrabi <ohyeaross@gmail.com>
Date: Wed, 7 Jun 2023 19:34:24 +0330
Subject: [PATCH] fix: remove css :has in mobile sidebar to support all
 browsers

---
 .../src/client/css/custom.scss                  | 17 ++++++++---------
 .../theme/Navbar/MobileSidebar/Layout/index.tsx |  7 ++++++-
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/packages/logos-docusaurus-theme/src/client/css/custom.scss b/packages/logos-docusaurus-theme/src/client/css/custom.scss
index 61fb411..e86532a 100644
--- a/packages/logos-docusaurus-theme/src/client/css/custom.scss
+++ b/packages/logos-docusaurus-theme/src/client/css/custom.scss
@@ -941,18 +941,17 @@ a[class^='sidebarLogo_'] {
     padding-bottom: 0px !important;
   }
 
-  .navbar-sidebar:has(.navbar-sidebar__items--show-secondary)
+  .navbar-sidebar:not(.navbar-sidebar--show-secondary) {
     .navbar-sidebar__brand {
-    button:first-of-type {
-      display: none;
+      button:first-of-type {
+        display: none;
+      }
+
+      button.lsd-icon-button {
+        margin-left: auto;
+      }
     }
 
-    button.lsd-icon-button {
-      margin-left: auto;
-    }
-  }
-
-  .navbar-sidebar:not(:has(.navbar-sidebar__items--show-secondary)) {
     .menu {
       padding-inline: 0;
     }
diff --git a/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx b/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx
index c4f3b5e..8f98cfd 100644
--- a/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx
+++ b/packages/logos-docusaurus-theme/src/client/theme/Navbar/MobileSidebar/Layout/index.tsx
@@ -11,7 +11,12 @@ export default function NavbarMobileSidebarLayout({
   const { shown: secondaryMenuShown } = useNavbarSecondaryMenu()
 
   return (
-    <div className="navbar-sidebar">
+    <div
+      className={clsx(
+        'navbar-sidebar',
+        secondaryMenuShown && 'navbar-sidebar--show-secondary',
+      )}
+    >
       {header}
       <div
         className={clsx('navbar-sidebar__items', {