From b68db06ef09fa72d729c920d1864a992e1127f62 Mon Sep 17 00:00:00 2001
From: Dimitrie Hoekstra <hi@dimitr.ie>
Date: Mon, 17 Aug 2026 16:42:37 +0200
Subject: [PATCH] Render docs nav labels as their authors wrote them

The docs sidebar capitalised every word, which altered 42 of its 117 labels:
"Installing a license" read as "Installing A License", "Upgrading the Node-RED
version" as "Upgrading The Node-RED Version", and Bosch Rexroth's ctrlX as
CtrlX on the two hardware pages named after it.

The rule was there to make a section named after its directory look like a word,
turning "install" into "Install". Those labels now come from the section's own
navTitle, so nothing needs the transform and everything else was collateral.

Breadcrumbs carried the same `capitalize`, on the same authored titles, so it
goes too.

Only the docs sidebar renders `.handbook-nav`: the handbook has its own
component with its own markup, and the Eleventy layout that shared the class is
no longer used by any page.
---
 nuxt/components/Breadcrumbs.vue | 3 ++-
 src/css/style.handbook.css      | 6 +++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/nuxt/components/Breadcrumbs.vue b/nuxt/components/Breadcrumbs.vue
index cb3680bd62..77d0c7d28f 100644
--- a/nuxt/components/Breadcrumbs.vue
+++ b/nuxt/components/Breadcrumbs.vue
@@ -19,10 +19,11 @@ useSchemaOrg([
 </script>
 
 <template>
+  <!-- No `capitalize`: every crumb is an authored page title, so capitalising each word only
+       mangles them, the same way it did in the sidebar. -->
   <UBreadcrumb
     :items="items"
     color="neutral"
-    class="capitalize"
     :ui="{ link: 'text-sm hover:text-indigo-600' }"
   >
     <template #separator>
diff --git a/src/css/style.handbook.css b/src/css/style.handbook.css
index 7f12ee6b15..123d3d37d5 100644
--- a/src/css/style.handbook.css
+++ b/src/css/style.handbook.css
@@ -7,9 +7,13 @@
     @apply flex flex-col-reverse lg:grid lg:max-w-screen-xl 2xl:max-w-[1920px] 2xl:grid-cols-[300px,minmax(0,1fr),270px];
 }
 
+/* No text-transform here: labels render as the docs authors wrote them. Capitalising every
+   word made a section named after its directory look like a word ("install" -> "Install"),
+   which is no longer how any label is produced, and it mangled the rest: "Upgrading the
+   Node-RED version" became "Upgrading The Node-RED Version", and Bosch Rexroth's ctrlX
+   became CtrlX. 42 of the sidebar's 117 labels were altered this way. */
 .handbook-nav {
     border-right: 1px solid right;
-    text-transform: capitalize;
     --nav-weight: 500;
     --nav-color: var(--color-gray-700);
     --nav-bg: transparent;