From ad340be327ca9ef616e7390b67686a8e827784ad Mon Sep 17 00:00:00 2001
From: Jeff Merrick <jeff@wireform.io>
Date: Wed, 17 Nov 2021 18:51:56 -0600
Subject: [PATCH] docs: add docs nav links (#3594)

---
 docs-website/docusaurus.config.js   | 32 ++++++++++++++++++++++-------
 docs-website/src/pages/managed.js   | 10 ++++++++-
 docs-website/src/styles/global.scss | 13 ++++++++++++
 3 files changed, 47 insertions(+), 8 deletions(-)

diff --git a/docs-website/docusaurus.config.js b/docs-website/docusaurus.config.js
index 67c3069265..22487703f2 100644
--- a/docs-website/docusaurus.config.js
+++ b/docs-website/docusaurus.config.js
@@ -57,6 +57,21 @@ module.exports = {
           label: "Demo",
           position: "right",
         },
+        {
+          href: "https://blog.datahubproject.io/",
+          label: "Blog",
+          position: "right",
+        },
+        {
+          href: "https://feature-requests.datahubproject.io/",
+          label: "Feature Requests",
+          position: "right",
+        },
+        {
+          href: "https://feature-requests.datahubproject.io/roadmap",
+          label: "Roadmap",
+          position: "right",
+        },
         {
           href: "https://slack.datahubproject.io",
           "aria-label": "Slack",
@@ -69,12 +84,7 @@ module.exports = {
           position: "right",
           className: "item__icon item__github",
         },
-        {
-          href: "https://medium.com/datahub-project",
-          "aria-label": "Blog",
-          position: "right",
-          className: "item__icon item__medium",
-        },
+
         {
           href: "https://www.youtube.com/channel/UC3qFQC5IiwR5fvWEqi_tJ5w",
           "aria-label": "YouTube",
@@ -118,6 +128,10 @@ module.exports = {
               label: "YouTube",
               href: "https://www.youtube.com/channel/UC3qFQC5IiwR5fvWEqi_tJ5w",
             },
+            {
+              label: "Blog",
+              href: "https://blog.datahubproject.io/",
+            },
             {
               label: "Town Halls",
               to: "docs/townhalls",
@@ -137,7 +151,7 @@ module.exports = {
             },
             {
               label: "Roadmap",
-              to: "docs/roadmap",
+              href: "https://feature-requests.datahubproject.io/roadmap",
             },
             {
               label: "Contributing",
@@ -147,6 +161,10 @@ module.exports = {
               label: "GitHub",
               href: "https://github.com/linkedin/datahub",
             },
+            {
+              label: "Feature Requests",
+              href: "https://feature-requests.datahubproject.io/",
+            },
           ],
         },
       ],
diff --git a/docs-website/src/pages/managed.js b/docs-website/src/pages/managed.js
index 697178d6c2..408d72d952 100644
--- a/docs-website/src/pages/managed.js
+++ b/docs-website/src/pages/managed.js
@@ -11,7 +11,15 @@ function Managed() {
           style={{ padding: "5vh 2rem", justifyContent: "center" }}
         >
           <div className="col col--6">
-            <HubspotForm formId="ae8c7cd1-1db3-4483-b1db-b169813b9129" />
+            <div
+              style={{
+                background: "white",
+                padding: "2rem",
+                borderRadius: "10px",
+              }}
+            >
+              <HubspotForm formId="ae8c7cd1-1db3-4483-b1db-b169813b9129" />
+            </div>
           </div>
         </div>
       </div>
diff --git a/docs-website/src/styles/global.scss b/docs-website/src/styles/global.scss
index 29d45ac6db..36175227a1 100644
--- a/docs-website/src/styles/global.scss
+++ b/docs-website/src/styles/global.scss
@@ -28,6 +28,7 @@
 
   /* Navbar */
   --ifm-navbar-height: 70px;
+  --ifm-navbar-item-padding-horizontal: 1rem;
 
   /* Announcement Bar */
   --docusaurus-announcement-bar-height: 60px !important;
@@ -94,11 +95,23 @@ div[class^="announcementBarContent"] {
   }
 }
 
+@media only screen and (max-width: 1050px) {
+  .navbar__toggle {
+    display: inherit;
+  }
+  .navbar__item {
+    display: none;
+  }
+}
+
 .navbar {
   .navbar__logo {
     height: 3rem;
   }
   .navbar__item {
+    svg[class*="iconExternalLink"] {
+      display: none;
+    }
     &.item__icon {
       height: 34px;
       width: 46px;