[DOCS] Changes to the docs API page

docs/docusaurus/docs/gx_welcome.md

@@ -25,6 +25,6 @@ import GXCard from '@site/src/components/GXCard';
 <LinkCardGrid>
   <LinkCard topIcon label="Get started with GX Cloud" description="Our fully-managed SaaS solution that simplifies deployment, scaling, and collaboration." to="/cloud/" icon="/img/gx_cloud_storage.svg" />
   <LinkCard topIcon label="Get started with GX 1.0" description="Get started with the Great Expectations Python library." to="/core/introduction/about_gx" icon="/img/oss_icon.svg" />
-  <LinkCard topIcon label="View GX APIs" description="View our available APIs." to="/reference/api" icon="/img/api_icon.svg" />
+  <LinkCard topIcon label="View GX APIs" description="View our available APIs." to="/reference" icon="/img/api_icon.svg" />
   <LinkCard topIcon label="Learn more about GX 1.0 features" description="Use tutorials and conceptual topics to learn everything you need to know about GX 1.0 features and functionality." to="/reference/learn" icon="/img/overview_icon.svg" />
 </LinkCardGrid>

docs/docusaurus/docs/reference/index.md

@@ -0,0 +1,15 @@
+---
+title: 'GX API'
+hide_title: true
+hide_table_of_contents: true
+pagination_next: null
+pagination_prev: null
+hide_feedback_survey: true
+---
+import OverviewCard from '@site/src/components/OverviewCard';
+import DocCardList from '@theme/DocCardList';
+
+<OverviewCard title={frontMatter.title}>
+  GX API reference content is generated from classes and methods docstrings.
+</OverviewCard>
+<DocCardList/>

docs/docusaurus/docusaurus.config.js

@@ -145,8 +145,8 @@ module.exports = {
         },
         {
           type: 'doc',
-          label: 'API',
-          docId: 'reference/api_reference',
+          label: 'GX API',
+          docId: 'reference/index',
           position: 'right',
         },
         {

docs/docusaurus/sidebars.js

@@ -605,10 +605,8 @@ module.exports = {
       type: 'category',
       label: 'GX API',
       link: {
-        type: 'generated-index',
-        title: 'GX API',
-        description: 'GX API reference content is generated from classes and methods docstrings.',
-        slug: '/reference/api/'
+        type: 'doc',
+        id: 'reference/index'
       },
       items: [
         {

docs/docusaurus/src/css/breadcrumbs.scss

@@ -12,3 +12,7 @@
     color: var(--link-hover-color);
   }
 }
+
+.breadcrumbs:has(li:only-child) {
+  display: none;
+}

docs/docusaurus/src/css/overview_pages.scss

@@ -39,10 +39,6 @@
 }
 
 .generated-index-page {
-  .theme-doc-breadcrumbs {
-    display: none;
-  }
-
   & > div {
     max-width: unset !important;
   }

docs/docusaurus/src/theme/DocCard/styles.module.css

@@ -1,4 +1,4 @@
-.cardContainer {
+a.cardContainer {
     --ifm-link-color: var(--ifm-color-emphasis-800);
     --ifm-link-hover-color: var(--ifm-color-emphasis-700);
     --ifm-link-hover-decoration: none;
@@ -7,9 +7,13 @@
     border: 1px solid var(--ifm-color-emphasis-200);
     transition: all var(--ifm-transition-fast) ease;
     transition-property: border, box-shadow;
+
+    color: var(--ifm-font-color-base);
+    text-decoration: none;
   }
 
-  .cardContainer:hover {
+  a.cardContainer:hover {
+    color: var(--ifm-font-color-base);
     border-color: var(--ifm-color-primary);
     box-shadow: 0 3px 6px 0 rgb(0 0 0 / 20%);
   }

docs/docusaurus/versioned_docs/version-0.18/gx_welcome.md

@@ -25,6 +25,6 @@ import GXCard from '@site/src/components/GXCard';
 <LinkCardGrid>
   <LinkCard topIcon label="Get started with GX Cloud" description="Our fully-managed SaaS solution that simplifies deployment, scaling, and collaboration." to="/cloud/" icon="/img/gx_cloud_storage.svg" />
   <LinkCard topIcon label="Get started with GX OSS" description="Get started with our original offering." to="/oss" icon="/img/oss_icon.svg" />
-  <LinkCard topIcon label="View GX APIs" description="View our available APIs." to="/reference/api" icon="/img/api_icon.svg" />
+  <LinkCard topIcon label="View GX APIs" description="View our available APIs." to="/reference" icon="/img/api_icon.svg" />
   <LinkCard topIcon label="Learn more about GX OSS features" description="Use tutorials and conceptual topics to learn everything you need to know about GX OSS features and functionality." to="/reference/learn" icon="/img/overview_icon.svg" />
 </LinkCardGrid>

docs/docusaurus/versioned_docs/version-0.18/reference/index.md

@@ -0,0 +1,15 @@
+---
+title: 'GX API'
+hide_title: true
+hide_table_of_contents: true
+pagination_next: null
+pagination_prev: null
+hide_feedback_survey: true
+---
+import OverviewCard from '@site/src/components/OverviewCard';
+import DocCardList from '@theme/DocCardList';
+
+<OverviewCard title={frontMatter.title}>
+  GX API reference content is generated from classes and methods docstrings.
+</OverviewCard>
+<DocCardList/>

docs/docusaurus/versioned_sidebars/version-0.18-sidebars.json

@@ -524,10 +524,8 @@
       "type": "category",
       "label": "GX API",
       "link": {
-        "type": "generated-index",
-        "title": "GX API",
-        "description": "GX API reference content is generated from classes and methods docstrings.",
-        "slug": "/reference/api/"
+        "type": "doc",
+        "id": "version-0.18/reference/index"
       },
       "items": [
         {