(camel-website) branch main updated: Improve documentation navigation

[cdeppisch]

This is an automated email from the ASF dual-hosted git repository.

cdeppisch pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/camel-website.git


The following commit(s) were added to refs/heads/main by this push:
     new ed103979 Improve documentation navigation
ed103979 is described below

commit ed103979de08d73e3c9456ff91d9071beaff32ad
Author: Christoph Deppisch <christoph.deppi...@web.de>
AuthorDate: Thu Aug 14 09:20:05 2025 +0200

    Improve documentation navigation
    
    - Improve reference doc navigation with css styles
    - Proper sublist indent
    - Always highlight top level categories (components, dataformats, 
languages, eips)
    - Display top level categories in filtered search results
---
 antora-ui-camel/src/css/nav.css | 40 +++++++++++++++++++++++++++++++++++-----
 1 file changed, 35 insertions(+), 5 deletions(-)

diff --git a/antora-ui-camel/src/css/nav.css b/antora-ui-camel/src/css/nav.css
index 0f7b4a8f..cb903c97 100644
--- a/antora-ui-camel/src/css/nav.css
+++ b/antora-ui-camel/src/css/nav.css
@@ -128,16 +128,46 @@ html.is-clipped--nav {
   padding: 0;
 }
 
-.nav-panel-menu input.search:valid ~ .nav-menu .filtered {
+.nav-panel-menu input.search:valid ~ .nav-menu button {
   display: none;
 }
 
-.nav-panel-menu input.search:valid ~ .nav-menu button {
+/* 1st navigation level */
+.nav-item[data-depth="1"] > a.nav-link,
+.nav-item[data-depth="1"] > .nav-text {
+  line-height: 1.8rem;
+  font-weight: var(--body-font-weight-bold);
+  color: var(--nav-heading-font-color);
+}
+
+/* 2nd navigation level */
+.nav-item[data-depth="1"] > .nav-list a {
+  padding-left: 10px;
+}
+
+.nav-item[data-depth="2"] > a.nav-link {
+  line-height: 1.3rem;
+}
+
+.nav-item[data-depth="2"] > .nav-item-toggle {
+  margin-left: calc(var(--nav-line-height) * -0.5em);
+}
+
+.nav-item[data-depth="2"] > .filtered {
   display: none;
 }
 
-.nav-panel-menu input.search:valid ~ .nav-menu a.nav-link:not(.filtered) {
-  line-height: 1.5rem;
+/* 3rd navigation level */
+.nav-item[data-depth="2"] > .nav-list a {
+  padding-left: 20px
+}
+
+.nav-item[data-depth="3"] > a.nav-link {
+  line-height: 1.2rem;
+}
+
+.nav-item[data-depth="3"] > .filtered {
+  display: none;
 }
 
 .nav-menu {
@@ -227,7 +257,7 @@ html.is-clipped--nav {
   position: absolute;
   height: calc(var(--nav-line-height) * 1em);
   width: calc(var(--nav-line-height) * 1em);
-  margin-top: -0.05em;
+  margin-top: 0.3em;
   margin-left: calc(var(--nav-line-height) * -1em);
 }