From 8f38c09fb2d83105c6d52de965129fa82bce34ff Mon Sep 17 00:00:00 2001 From: Tim Moore Date: Tue, 28 Oct 2025 11:17:11 -0400 Subject: [PATCH] PD-2332: Make TNC button styling consistent with TrueNAS Apps button Remove the icon from TNC Style the TNC button so that it is consistent with the TrueNAS Apps button, which does have an icon. Local build test with changes: (cherry picked from commit 20e60fb7054d47b3e9ad38a5b58fc432ab7ce195) --- data/menu/more.yml | 2 +- static/custom.css | 14 +++++++++++++- 2 files changed, 14 insertions(+), 2 deletions(-) diff --git a/data/menu/more.yml b/data/menu/more.yml index 796b6087fb..8e20efc24d 100644 --- a/data/menu/more.yml +++ b/data/menu/more.yml @@ -8,7 +8,7 @@ more: - name: TrueNAS Connect ref: "https://connect.truenas.com/" external: true - icon: "gdoc_arrow_right_alt" + icon: "" - name: TrueNAS API Docs ref: "https://api.truenas.com/" external: true diff --git a/static/custom.css b/static/custom.css index 36922f1910..b35f7c579f 100644 --- a/static/custom.css +++ b/static/custom.css @@ -2696,7 +2696,9 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { text-decoration: none !important; margin: -.5em !important; transition: all 0.3s ease !important; - width: auto !important; + width: 75% !important; + min-height: 40px !important; + box-sizing: border-box !important; } /* Remove styling from the inner link since parent span is now the button */ @@ -2746,6 +2748,16 @@ pre.gdoc-mermaid.mermaid.mermaid_sizing { fill: white !important; } +/* Style the TrueNAS Connect button (nth-child(2)) - no icon, but same dimensions */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) svg.gdoc-icon { + display: none !important; /* Hide any empty icon elements */ +} + +/* Ensure Connect button text is properly centered without icon */ +.gdoc-nav section:last-child .gdoc-nav__list li:nth-child(2) span.flex { + gap: 0 !important; /* Remove any gap since there's no icon */ +} + /* Reorder the menu items - move Apps Market to the very top */ .gdoc-nav section:last-child .gdoc-nav__list { display: flex !important;