Nested menues rh

assets/sass/nav.sass

@@ -88,3 +88,22 @@
 @media screen and (max-width: 1023px)
   .navbar-link, .navbar-item
     color: $dark
+
+.nested.navbar-link, .nestednavbar-item
+	color: #4a4a4a;
+
+.nested.dropdown:hover > .dropdown-menu 
+  display: block;
+
+.nested.dropdown .dropdown-menu 
+  top: -12px;
+  margin-left: 100%;
+
+.nested.dropdown .dropdown-trigger button::after 
+
+
+.nested.dropdown .dropdown-trigger button 
+  padding: 0px 0px;
+  border: 0px;
+  font-size: 14px;
+  font-weight: 400;  

config.toml

@@ -164,46 +164,114 @@ parent = "docs"
 weight = 1
 
 [[menu.docs]]
-url = "/docs/concepts/"
+url = "/docs/concepts"
 name = "Concepts"
+identifier = "Concepts"
 parent = "docs"
 weight = 2
 
 [[menu.docs]]
-url = "/docs/authentication-providers/"
-name = "Authentication providers"
-parent = "docs"
+url = "/docs/concepts/scaling-deployments/"
+name = "Scaling Deployments, StatefulSets & Custom Resources"
+parent = "Concepts"
+weight = 1
+
+[[menu.docs]]
+url = "/docs/concepts/scaling-jobs/"
+name = "Scaling Jobs"
+parent = "Concepts"
+weight = 2
+
+[[menu.docs]]
+url = "/docs/concepts/authentication/"
+name = "Authentication"
+parent = "Concepts"
 weight = 3
 
+[[menu.docs]]
+url = "/docs/concepts/external-scalers/"
+name = "External Scalers"
+parent = "Concepts"
+weight = 4
+
+[[menu.docs]]
+url = "/docs/concepts/admission-webhooks/"
+name = "Admission Webhooks"
+parent = "Concepts"
+weight = 5
+
+[[menu.docs]]
+url = "/docs/concepts/troubleshooting/"
+name = "Troubleshooting"
+parent = "Concepts"
+weight = 6
+
 [[menu.docs]]
 url = "/docs/concepts/#architecture"
 name = "Architecture"
 parent = "docs"
-weight = 4
+weight = 3
 
 [[menu.docs]]
 url = "/docs/operate/"
 name = "Operate"
+identifier = "Operate"
 parent = "docs"
+weight = 4
+
+[[menu.docs]]
+url = "/docs/operate/admission-webhooks/"
+name = "Admission Webhooks"
+parent = "Operate"
+weight = 1
+
+[[menu.docs]]
+url = "/docs/operate/cluster/"
+name = "Cluster"
+parent = "Operate"
+weight = 2
+
+[[menu.docs]]
+url = "/docs/operate/events/"
+name = "Events"
+parent = "Operate"
+weight = 3
+
+[[menu.docs]]
+url = "/docs/operate/prometheus/"
+name = "Integrate with Prometheus"
+parent = "Operate"
+weight = 4
+
+[[menu.docs]]
+url = "/docs/operate/metrics-server/"
+name = "KEDA Metrics Server"
+parent = "Operate"
 weight = 5
 
+[[menu.docs]]
+url = "/docs/operate/security/"
+name = "Security"
+parent = "Operate"
+weight = 6
+
 [[menu.docs]]
 url = "/docs/migration/"
 name = "Migration Guide"
 parent = "docs"
-weight = 6
+weight = 5
 
 [[menu.docs]]
 url = "/docs/faq/"
 name = "FAQ"
 parent = "docs"
-weight = 7
+weight = 6
 
 [[menu.docs]]
 url = "/docs/troubleshooting/"
 name = "Troubleshooting"
 parent = "docs"
-weight = 8
+weight = 7
 
 [[menu.main]]
 url = "/blog"
@@ -325,7 +393,8 @@ weight = 11
 [[menu.main]]
 url = "https://store.cncf.io/collections/keda"
 name = "Merch"
-weight = 5
+parent = "project"
+weight = 12
 
 # "Features" section on the main page
 [[params.features]]

layouts/partials/docs/hero.html

@@ -74,6 +74,17 @@
           </span>
         </a>
       </div>
+      {{ if not $isLatest }}
+      {{ $url := replaceRE $version $latest .RelPermalink }}
+      <article class="message is-warning">
+        <div class="message-header">
+          <p>Warning</p>  
+        </div>
+        <div class="message-body">
+          You are currently viewing Version "{{ $version }}" of the documentation and it is not the latest. For the most recent documentation, kindly <a href="{{ $url }}"> click here.</a>
+        </div>
+      </article>
+      {{ end }}
     </div>
   </div>
 </section>

layouts/partials/navbar.html

@@ -37,6 +37,10 @@
           <a class="navbar-link is-arrowless" href="/docs/{{ $latest }}/scalers">Scalers</a>
         </div>
 
+        <div class="navbar-item is-size-5-desktop has-dropdown is-hoverable">
+          <a class="navbar-link is-arrowless" href="/docs/{{ $latest }}/authentication-providers">Auth providers</a>
+        </div>
+
         {{ range $docs }}
         {{ $isExternal := hasPrefix .URL "http" }}
         {{ if .HasChildren }}
@@ -49,26 +53,50 @@
               <i class="fas fa-md fa-caret-down"></i>
             </span>
           </a>
-
+      
           <div class="navbar-dropdown is-radiusless">
             {{ range .Children }}
-            {{ $url := replaceRE "/docs" (printf "/docs/%s" $latest) .URL }}
-            {{ $isExternal := hasPrefix .URL "http" }}
-            <a class="navbar-item" href="{{ $url }}"{{ if $isExternal }} target="_blank"{{ end }}>
-              <span>
-                {{ .Name }}
-              </span>
-              {{ if $isExternal }}
-              <span class="icon has-text-white">
-                <i class="fas fa-xs fa-external-link-alt"></i>
-              </span>
+              {{ $url := replaceRE "/docs" (printf "/docs/%s" $latest) .URL }}
+              {{ $isExternal := hasPrefix .URL "http" }}
+              {{ if .HasChildren }}
+              <div class="navbar-item has-dropdown">
+                  <a class="navbar-item" href="{{ $url }}"{{ if $isExternal }} target="_blank"{{ end }}>
+                    {{ .Name }}
+                  </a>
+                  <div class="nested dropdown">
+                    {{ range .Children }}
+                      <div class="navbar-item" href="{{ $url }}"{{ if $isExternal }} target="_blank"{{ end }}>
+                      {{ $url := replaceRE "/docs" (printf "/docs/%s" $latest) .URL }}
+                        <span>
+                          {{ .Name }}
+                        </span>
+                        {{ if $isExternal }}
+                        <span class="icon has-text-black">
+                          <i class="fas fa-xs fa-external-link-alt"></i>
+                        </span>
+                        {{ end }}
+                    </div>
+                    {{ end }}
+                    </div>
+                </div>
+              {{ else }}
+                <a class="navbar-item" href="{{ $url }}"{{ if $isExternal }} target="_blank"{{ end }}>
+                  <span>
+                    {{ .Name }}
+                  </span>
+                  {{ if $isExternal }}
+                  <span class="icon has-text-white">
+                    <i class="fas fa-xs fa-external-link-alt"></i>
+                  </span>
+                  {{ end }}
+                </a>
               {{ end }}
-            </a>
             {{ end }}
           </div>
         </div>
         {{ end }}
-        {{ end }}
+      {{ end }}
+
 
         {{ range $menu }}
         {{ $isExternal := hasPrefix .URL "http" }}
@@ -91,7 +119,7 @@
                 {{ .Name }}
               </span>
               {{ if $isExternal }}
-              <span class="icon has-text-white">
+              <span class="icon has-text-black">
                 <i class="fas fa-xs fa-external-link-alt"></i>
               </span>
               {{ end }}
@@ -134,4 +162,4 @@
                 $nav.toggleClass("scrolled", $(this).scrollTop() > $nav.height());
             });
         });
-    </script>
+    </script>