Avoid swizzling from dropdown component

great-expectations · Feb 20, 2024 · 2cf45bc · 2cf45bc
1 parent 524858f
commit 2cf45bc
Show file tree

Hide file tree

Showing 5 changed files with 27 additions and 94 deletions.
diff --git a/docs/docusaurus/docusaurus.config.js b/docs/docusaurus/docusaurus.config.js
@@ -119,13 +119,15 @@ module.exports = {
           type: 'doc',
           label: 'Home',
           docId: 'gx_welcome',
-          position: 'right'
+          position: 'right',
+          className: 'home-section'
         },
         {
           type: 'doc',
           label: 'GX Cloud',
           docId: 'cloud/gx_cloud_lp',
-          position: 'right'
+          position: 'right',
+          className: 'gx-cloud-section'
         },
         {
           type: 'doc',

diff --git a/docs/docusaurus/src/css/custom.scss b/docs/docusaurus/src/css/custom.scss
@@ -45,7 +45,7 @@
     /* enlarge the sidebar width */
     --doc-sidebar-width: 350px !important;
 
-    --ifm-navbar-height: 6rem;
+    --ifm-navbar-height: 5.75rem;
 
      /* Colors */
       --white: #fff;

diff --git a/docs/docusaurus/src/css/navbar.scss b/docs/docusaurus/src/css/navbar.scss
@@ -25,6 +25,13 @@
   box-shadow: unset;
   height: unset;
   padding: 0;
+
+  &:has(.home-section.navbar__link--active),
+  &:has(.gx-cloud-section.navbar__link--active) {
+    .navbar__items .dropdown {
+      display: none;
+    }
+  }
 }
 
 .navbar__item {
@@ -86,6 +93,11 @@
 
 .navbar__link--active {
   border-bottom: 2px solid var(--ifm-color-primary);
+
+  &[href*="0.17"] {
+    border-bottom: none;
+    color: var(--ifm-navbar-link-color);
+  }
 }
 
 .header-cloud-link {

diff --git a/docs/docusaurus/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js b/docs/docusaurus/src/theme/NavbarItem/DocsVersionDropdownNavbarItem.js
diff --git a/docs/docusaurus/src/theme/NavbarItem/DropdownNavbarItem.js b/docs/docusaurus/src/theme/NavbarItem/DropdownNavbarItem.js
@@ -0,0 +1,10 @@
+import React from 'react';
+import DropdownNavbarItem from '@theme-original/NavbarItem/DropdownNavbarItem';
+
+export default function DropdownNavbarItemWrapper(props) {
+  return (
+    <>
+      <DropdownNavbarItem {...props} href={'#'} />
+    </>
+  );
+}