[FSTORE-1346][APPEND] Fix Dropdown links

docs/js/inject-api-links.js → docs/javascripts/inject-api-links.js

@@ -1,6 +1,8 @@
 window.addEventListener("DOMContentLoaded", function () {
   var windowPathNameSplits = window.location.pathname.split("/");
   var majorVersionRegex = new RegExp("(\\d+[.]\\d+)");
+  console.log(windowPathNameSplits);
+  console.log(majorVersionRegex);
   if (majorVersionRegex.test(windowPathNameSplits[1])) {
     // On landing page docs.hopsworks.api/3.0 - URL contains major version
     // Version API dropdown

docs/css/custom.css → docs/stylesheets/custom-bis.css

@@ -1,4 +1,4 @@
-:root {
+[data-md-color-scheme="hopsworks"] {
   --md-primary-fg-color: #1eb382;
   --md-secondary-fg-color: #188a64;
   --md-tertiary-fg-color: #0d493550;
@@ -29,6 +29,10 @@
   transition: background-color 450ms;
 }
 
+.md-tabs__item {
+  min-width: 2.5rem;
+}
+
 .md-sidebar__scrollwrap {
   background-color: var(--md-quaternary-fg-color);
   padding: 15px 5px 5px 5px;

docs/css/dropdown.css → docs/stylesheets/dropdown-bis.css

@@ -18,7 +18,7 @@ overflow: inherit;
 /* The container <div> - needed to position the dropdown content */
 .dropdown {
   position: absolute;
-  display: inline-block;
+  display: flex;
 }
 
 /* Dropdown Content (Hidden by Default) */
@@ -31,6 +31,7 @@ overflow: inherit;
   box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
   z-index: 1000;
   border-radius: 2px;
+  top:32px;
   left:-15px;
 }
 

mkdocs.yml

@@ -276,8 +276,8 @@ nav:
       - Audit:
           - Access Audit Logs: admin/audit/audit-logs.md
           - Export Audit Logs: admin/audit/export-audit-logs.md
-  - <div class="dropdown"><button class="dropbtn"> API </button> <div id="myDropdown" class="dropdown-content"> <a id="hopsworks_api_link" href="https://docs.hopsworks.ai/hopsworks-api/dev">Hopsworks API</a> <a id="hsfs_api_link" href="https://docs.hopsworks.ai/feature-store-api/dev">Feature Store API</a> <a id="hsfs_javadoc_link" href="https://docs.hopsworks.ai/feature-store-api/dev/javadoc">Feature Store JavaDoc</a> <a id="hsml_api_link" href="https://docs.hopsworks.ai/machine-learning-api/dev">MLOps API</a> </div></div>: https://docs.hopsworks.ai
-  - <span style="margin-left:10px">Community ↗ </span>: https://community.hopsworks.ai/
+  - API<div class="dropdown"><button class="dropbtn">API</button><div id="myDropdown" class="dropdown-content"> <a id="hopsworks_api_link" href="https://docs.hopsworks.ai/hopsworks-api/dev">Hopsworks API</a> <a id="hsfs_api_link" href="https://docs.hopsworks.ai/feature-store-api/dev">Feature Store API</a> <a id="hsfs_javadoc_link" href="https://docs.hopsworks.ai/feature-store-api/dev/javadoc">Feature Store JavaDoc</a> <a id="hsml_api_link" href="https://docs.hopsworks.ai/machine-learning-api/dev">MLOps API</a> </div></div>: https://docs.hopsworks.ai
+  - Community ↗: https://community.hopsworks.ai/
 
 theme:
   name: material
@@ -291,7 +291,7 @@ theme:
     code: "IBM Plex Mono"
   palette:
     accent: teal
-    primary: custom
+    scheme: hopsworks
   features:
     - navigation.tabs
     - navigation.tabs.sticky
@@ -320,14 +320,14 @@ extra:
     property: G-64FEEXPSDN
 
 extra_css:
-  - css/custom.css
-  - css/marctech.css
-  - css/dropdown.css
+  - stylesheets/custom-bis.css
+  - stylesheets/marctech.css
+  - stylesheets/dropdown-bis.css
 
 extra_javascript:
-  - js/inject-api-links.js
-  - js/dropdown.js
-  - js/quickstart-fullscreen.js
+  - javascripts/inject-api-links.js
+  - javascripts/hide-dropdown.js
+  - javascripts/quickstart-fullscreen.js
 
 plugins:
   - search