000-783: extra level navi

Author: PowershellScripts

_sass/_main.scss

@@ -71,3 +71,29 @@ $hero-darken: $dark !default;
   border-radius: 4px; /* Optional: Rounds corners */
 }
 
+
+/* Full line hover effect */
+.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link {
+  display: flex; /* Ensure the entire line is clickable */
+  align-items: center; /* Center the text and arrow */
+  justify-content: space-between; /* Space the arrow and text */
+  background-color: transparent; /* Default background */
+  color: #000000; /* Default font color */
+  padding: 0.5rem 1rem; /* Adjust padding for a full-line effect */
+}
+
+.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link:hover {
+  background-color: #f5f5f5; /* Light gray background for the entire line */
+  color: #000000; /* Keep font black */
+}
+
+/* Adjust arrow direction */
+.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown > .navbar-link::after {
+  content: "▶"; /* Right-pointing arrow */
+  margin-left: 0.5rem; /* Add spacing between text and arrow */
+  transform: rotate(0deg); /* Default: pointing right */
+}
+
+.navbar-item.has-dropdown .navbar-dropdown .navbar-item.has-dropdown:hover > .navbar-link::after {
+  transform: rotate(0deg); /* No rotation on hover, arrow stays pointing right */
+}