From 144f9e24dc4d7da711e9a268d1c60b1acf10f442 Mon Sep 17 00:00:00 2001 From: Prithvi Ramakrishnan Date: Tue, 24 Feb 2026 12:40:43 -0800 Subject: [PATCH] Fix sidebar visual hierarchy and right sidebar overflow Tone down nested sidebar group headers (Triggers, Context Sources, Doc Collections) to match link styling instead of appearing as prominent section headers. Hide the "On this page" right sidebar at viewports below 88rem where there isn't enough space for the full layout. Co-Authored-By: Claude Opus 4.6 --- src/styles/custom.css | 23 +++++++++++++++++++++++ 1 file changed, 23 insertions(+) diff --git a/src/styles/custom.css b/src/styles/custom.css index 932d130..a839321 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -310,6 +310,22 @@ starlight-theme-select { text-transform: uppercase; } +/* Nested group headers (e.g. Triggers, Context Sources) — tone down to match links */ +.sidebar-content details details > summary { + font-size: 0.875rem; + font-weight: 500; + color: color-mix(in srgb, var(--sl-color-text) 84%, #374151); + padding: 0.42rem 0.58rem; +} + +.sidebar-content details details > summary .large { + font-size: inherit; + font-weight: inherit; + color: inherit; + letter-spacing: normal; + text-transform: none; +} + .sidebar-content a[href] { border-radius: 0.5rem; color: color-mix(in srgb, var(--sl-color-text) 84%, #374151); @@ -396,6 +412,13 @@ starlight-theme-select { text-transform: uppercase; } +/* Hide right sidebar until viewport is wide enough for full layout */ +@media (max-width: 87.99rem) { + .right-sidebar-container { + display: none; + } +} + .right-sidebar-panel a { color: color-mix(in srgb, var(--sl-color-text) 78%, #4b5563); font-size: 0.85rem;