adjust docs navigation bar to reflect main site ui

stackabletech · Sep 9, 2024 · 9851ad7 · 9851ad7
1 parent c9a8e31
commit 9851ad7
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 2 deletions.
diff --git a/src/css/header.css b/src/css/header.css
@@ -77,6 +77,10 @@ body {
   flex: none;
 }
 
+.navbar-link:hover {
+  color: var(--navbar-menu-font-color-hover);
+}
+
 .navbar-item.has-dropdown {
   padding: 0;
 }
@@ -125,7 +129,7 @@ body {
   width: 190px;
 }
 
-.navbar-link::after {
+.version-button .navbar-link::after {
   border-width: 0 0 1px 1px;
   border-style: solid;
   content: "";
@@ -168,6 +172,7 @@ body {
 
 .navbar-dropdown a.navbar-item:hover {
   background: var(--navbar-menu_hover-background);
+  color: var(--navbar-menu-font-color-hover);
 }
 
 #search-button {
@@ -238,6 +243,10 @@ body {
   padding: 0.5rem 0;
 }
 
+.mobile-popup-menu a {
+  text-decoration: none;
+}
+
 /** disable the caret */
 .mobile-popup-menu .navbar-link::after {
   display: none;
@@ -262,12 +271,13 @@ body {
 
 .mobile-popup-menu .navbar-item,
 .mobile-popup-menu .navbar-link {
-  color: black;
+  color: var(--navbar-menu-font-color);
 }
 
 .mobile-popup-menu a.navbar-item:hover,
 .mobile-popup-menu .navbar-link:hover {
   background: var(--navbar-menu_hover-background);
+  color: var(--navbar-menu-font-color-hover);
 }
 
 .mobile-popup-menu:not(.is-active) {

diff --git a/src/css/vars.css b/src/css/vars.css
@@ -39,6 +39,7 @@
   --navbar-menu-border-color: var(--panel-border-color);
   --navbar-menu-background: var(--color-white);
   --navbar-menu-font-color: var(--color-text);
+  --navbar-menu-font-color-hover: var(--color-brand-primary);
   --navbar-menu_hover-background: var(--color-background2);
   /* nav */
   --nav-background: var(--color-white);