From c16a568e8ec1d8cee0f6b92b62a2e7791ef44252 Mon Sep 17 00:00:00 2001
From: Eric <eashaw@sailsjs.com>
Date: Wed, 24 Jan 2024 18:36:52 -0600
Subject: [PATCH] Website: Update mobile documentation navigation links
 (#16323)

Changes:
- Added links to /tables, /queries, /support, and the releases page of
the Fleet GitHub repo to the mobile documentation nav menu.
- Updated the color of the `.border-bottom` bootstrap class to match
wireframes
---
 website/assets/styles/bootstrap-overrides.less            | 4 ++++
 website/assets/styles/pages/docs/basic-documentation.less | 7 +++++++
 website/views/pages/docs/basic-documentation.ejs          | 8 +++++++-
 3 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/website/assets/styles/bootstrap-overrides.less b/website/assets/styles/bootstrap-overrides.less
index 24b7a217a0..7cfced7878 100644
--- a/website/assets/styles/bootstrap-overrides.less
+++ b/website/assets/styles/bootstrap-overrides.less
@@ -205,6 +205,10 @@ a.text-danger:hover, a.text-danger:focus {
   }
 }
 
+.border-bottom {
+  border-bottom: 1px solid #C5C7D1 !important; //lesshint-disable-line importantRule
+}
+
 .card {
   box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.05);
 }
diff --git a/website/assets/styles/pages/docs/basic-documentation.less b/website/assets/styles/pages/docs/basic-documentation.less
index 4ec7d7d819..0da027c2e6 100644
--- a/website/assets/styles/pages/docs/basic-documentation.less
+++ b/website/assets/styles/pages/docs/basic-documentation.less
@@ -265,9 +265,16 @@
         &.active {
           color: @core-vibrant-blue;
         }
+        &:hover {
+          color: @core-vibrant-blue;
+        }
 
       }
 
+      [purpose='mobile-docs-nav-other-links'] {
+        border-top: 1px solid #C5C7D1;
+
+      }
       [purpose='docs-nav-button'] {
         color: @core-fleet-black;
         background-color: transparent;
diff --git a/website/views/pages/docs/basic-documentation.ejs b/website/views/pages/docs/basic-documentation.ejs
index d94c26b842..6d5043b255 100644
--- a/website/views/pages/docs/basic-documentation.ejs
+++ b/website/views/pages/docs/basic-documentation.ejs
@@ -93,7 +93,7 @@
           <div class="border-bottom" v-if="!showDocsNav"></div>
           <div class="d-flex px-0 border-bottom mobile-docs-nav" v-if="showDocsNav">
             <div class="container-fluid px-0 pt-4">
-              <ul class="px-0 mb-0">
+              <ul class="px-0 mb-0 pb-3">
                 <li class="px-0 mb-2" v-for="page in findPagesByUrl()" :key="page.title">
                   <a :href="page.url" class="font-weight-bold">
                     {{page.title}}
@@ -112,6 +112,12 @@
                   </div>
                 </li>
               </ul>
+              <ul class="px-0 mb-0 pt-3" purpose="mobile-docs-nav-other-links">
+                <li class="px-0 mb-3"><a href="/tables">Data tables</a></li>
+                <li class="px-0 mb-3"><a href="/queries">Built-in queries</a></li>
+                <li class="px-0 mb-3"><a href="https://github.com/fleetdm/fleet/releases" target="_blank">Releases</a></li>
+                <li class="px-0 mb-3"><a href="/support">Support</a></li>
+              </ul>
             </div>
           </div>