From 10364b27c08715192692e6ac32e26a04f865f4ec Mon Sep 17 00:00:00 2001 From: Shaun Struwig <41984034+Blargian@users.noreply.github.com> Date: Fri, 26 Jun 2026 18:08:15 +0200 Subject: [PATCH] style: float sidebar group chevron to right edge Push the expand/collapse carrot on collapsible sidebar groups to the far-right edge via margin-left:auto on the chevron container, keeping the label left-aligned. Co-Authored-By: Claude Opus 4.8 (1M context) --- _site/styles.css | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/_site/styles.css b/_site/styles.css index e22ad3668..323794a4c 100644 --- a/_site/styles.css +++ b/_site/styles.css @@ -133,6 +133,14 @@ body[data-scroll-locked] { top: var(--banner-height, 0px) !important; } +/* Float the expand/collapse chevron to the right edge of each collapsible + sidebar group. The group button is a flexbox with two children — the label + div and the chevron div — so pushing the chevron container's left margin to + auto pins it to the far right while the label stays left-aligned. */ +#sidebar button[aria-expanded] > div:last-child { + margin-left: auto; +} + /* `navbar-cta.js` injects the GitHub stars + Get-started button into `#navbar-transition-maple` after Mintlify hydrates. The navbar is `justify-content: flex-end`, so the inserted children push the existing