From 47ae05410456af4e6da8ff9620434814a0950549 Mon Sep 17 00:00:00 2001 From: DjP-iX <133042991+DjP-iX@users.noreply.github.com> Date: Thu, 25 Sep 2025 14:57:33 -0400 Subject: [PATCH 1/4] Update more.yml --- data/menu/more.yml | 14 +++++++++----- 1 file changed, 9 insertions(+), 5 deletions(-) diff --git a/data/menu/more.yml b/data/menu/more.yml index 3ba9c6bb61..81db84e7c2 100644 --- a/data/menu/more.yml +++ b/data/menu/more.yml @@ -1,16 +1,20 @@ #available icons: https://github.com/thegeeklab/hugo-geekdoc/tree/master/src/icons --- more: - - name: TrueNAS API Docs - ref: "https://api.truenas.com/" - external: true - icon: "api-icon" - name: TrueNAS Apps ref: "https://apps.truenas.com/" external: true icon: "icon-dots-grid" + - name: TrueNAS Connect + ref: "https://connect.truenas.com/" + external: true + icon: "gdoc_arrow_right_alt" + - name: TrueNAS API Docs + ref: "https://api.truenas.com/" + external: true + icon: "api-icon" - name: Security Reports - ref: "https://security.truenas.com" + ref: "https://security.truenas.com/" external: true icon: "gdoc_shield" - name: Documentation Archive From c08075bbb1004bb1a479adb932ad48994ab84a38 Mon Sep 17 00:00:00 2001 From: DjP-iX <133042991+DjP-iX@users.noreply.github.com> Date: Thu, 25 Sep 2025 14:57:35 -0400 Subject: [PATCH 2/4] Update docs-nav.html --- layouts/partials/docs-nav.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/layouts/partials/docs-nav.html b/layouts/partials/docs-nav.html index 59a20952df..ffca151574 100644 --- a/layouts/partials/docs-nav.html +++ b/layouts/partials/docs-nav.html @@ -8,6 +8,8 @@
TrueNAS
+ TrueNAS Apps + TrueNAS Connect
TrueCommand
TrueNAS Systems
From db2a2d8dd2529a96b9eb63fd68ace99da0c5385a Mon Sep 17 00:00:00 2001 From: DjP-iX <133042991+DjP-iX@users.noreply.github.com> Date: Thu, 25 Sep 2025 14:57:37 -0400 Subject: [PATCH 3/4] Update custom.css --- static/custom.css | 46 +++++++++++++++++++++++++++++++++++++--------- 1 file changed, 37 insertions(+), 9 deletions(-) diff --git a/static/custom.css b/static/custom.css index a1ca3cb135..2492d4ba11 100644 --- a/static/custom.css +++ b/static/custom.css @@ -99,6 +99,20 @@ mark { box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 10; } +/* Normalize link-based dropdown items to behave like the divs */ +.truenas-navmenudropdown a.truenas-dropdown-item { + text-decoration: none; /* remove underline */ + color: inherit; /* use same base color as div items */ +} + +.truenas-navmenudropdown a.truenas-dropdown-item:visited { + color: inherit; /* prevent purple visited */ +} + +.truenas-navmenudropdown a.truenas-dropdown-item:hover { + text-decoration: none; /* keep underline off */ + color: #bbb; /* match div hover color */ +} .truenas-dropdown-item { cursor: pointer; font-family: "din-2014"; @@ -2606,7 +2620,8 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { /* End Styling for Version Selector Sections */ /* Style TrueNAS Apps Market link as green button */ -.gdoc-nav a[href="https://apps.truenas.com/"] { +.gdoc-nav a[href="https://apps.truenas.com/"], +.gdoc-nav .gdoc-nav a[href="https://connect.truenas.com"] { background-color: #71bf44 !important; color: white !important; padding: 10px 20px !important; @@ -2619,7 +2634,8 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { transition: all 0.3s ease !important; } -.gdoc-nav a[href="https://apps.truenas.com/"]:hover { +.gdoc-nav a[href="https://apps.truenas.com/"]:hover, +.gdoc-nav a[href="https://connect.truenas.com"]:hover { background-color: #5da639 !important; border-color: #5da639 !important; color: white !important; @@ -2629,7 +2645,8 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Ensure the icon is white and properly sized */ -.gdoc-nav a[href="https://apps.truenas.com/"] .gdoc-icon { +.gdoc-nav a[href="https://apps.truenas.com/"] .gdoc-icon, +.gdoc-nav a[href="https://connect.truenas.com"] .gdoc-icon { color: white !important; fill: white !important; vertical-align: middle !important; @@ -2637,23 +2654,27 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { /* Dark mode adjustments for the Apps Market button */ @media (prefers-color-scheme: dark) { - .gdoc-nav a[href="https://apps.truenas.com/"] { + .gdoc-nav a[href="https://apps.truenas.com/"], + .gdoc-nav a[href="https://connect.truenas.com"] { background-color: #71bf44 !important; border-color: #71bf44 !important; } - .gdoc-nav a[href="https://apps.truenas.com/"]:hover { + .gdoc-nav a[href="https://apps.truenas.com/"]:hover, + .gdoc-nav a[href="https://connect.truenas.com"]:hover { background-color: #5da639 !important; border-color: #5da639 !important; } } -:root[color-theme=dark] .gdoc-nav a[href="https://apps.truenas.com/"] { +:root[color-theme=dark] .gdoc-nav a[href="https://apps.truenas.com/"], + .gdoc-nav a[href="https://connect.truenas.com"] { background-color: #71bf44 !important; border-color: #71bf44 !important; } -:root[color-theme=dark] .gdoc-nav a[href="https://apps.truenas.com/"]:hover { +:root[color-theme=dark] .gdoc-nav a[href="https://apps.truenas.com/"]:hover, + .gdoc-nav a[href="https://connect.truenas.com"]:hover { background-color: #5da639 !important; border-color: #5da639 !important; } @@ -2661,6 +2682,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { /* End TrueNAS Apps Market button styling */ /* Style the parent span that contains both icon and link as green button */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1) span.flex, .gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) span.flex { background-color: #71bf44 !important; color: white !important; @@ -2678,6 +2700,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Remove styling from the inner link since parent span is now the button */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1) a, .gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) a { background: none !important; border: none !important; @@ -2689,6 +2712,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Hover effect moved to li to avoid nested hover conflicts */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1):hover span.flex, .gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2):hover span.flex { background-color: #5da639 !important; border-color: #5da639 !important; @@ -2699,6 +2723,8 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Prevent any hover effects on nested elements that could conflict */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1) label:hover, +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1) a:hover, .gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) label:hover, .gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) a:hover { background: none !important; @@ -2707,7 +2733,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Style the original SVG icon to be white */ -.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) svg.gdoc-icon { +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1) svg.gdoc-icon { fill: white !important; color: white !important; width: 20px !important; @@ -2716,7 +2742,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Style the use element inside the SVG */ -.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) svg use { +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1) svg use { fill: white !important; } @@ -2727,11 +2753,13 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { } /* Move Apps Market (2nd item) to be first */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(1), .gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) { order: -1 !important; } /* Keep all other items in their original order */ +.gdoc-nav section:last-child .gdoc-nav__list li:not(:nth-child(1)), .gdoc-nav section:last-child .gdoc-nav__list li:not(:nth-child(2)) { order: 0 !important; } From 72710d40eb5f5a4b2ef137041c52ae718da49f38 Mon Sep 17 00:00:00 2001 From: DjP-iX <133042991+DjP-iX@users.noreply.github.com> Date: Wed, 22 Oct 2025 16:23:11 -0400 Subject: [PATCH 4/4] Update custom.css --- static/custom.css | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/static/custom.css b/static/custom.css index 2492d4ba11..36922f1910 100644 --- a/static/custom.css +++ b/static/custom.css @@ -2630,7 +2630,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { text-align: center !important; font-weight: bold !important; text-decoration: none !important; - margin: 0 !important; + margin: -.5em !important; transition: all 0.3s ease !important; } @@ -2694,7 +2694,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { text-align: center !important; font-weight: bold !important; text-decoration: none !important; - margin: 0 !important; + margin: -.5em !important; transition: all 0.3s ease !important; width: auto !important; } @@ -2705,7 +2705,7 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { background: none !important; border: none !important; padding: 0 !important; - margin: 0 !important; + margin: -.5em !important; color: white !important; text-decoration: none !important; font-weight: bold !important;