From 78397da57d88faf349ad9014637a9d46c19a5d15 Mon Sep 17 00:00:00 2001 From: micheleRP Date: Wed, 11 Nov 2026 14:51:10 -0700 Subject: [PATCH 1/3] fix: keep collapsible titles clear of the chevron A collapsible block's summary was a flex container with no right padding, and the chevron is absolutely positioned at right: 0, so a title long enough to reach the right edge ran under the chevron. As a flex container, the summary also turned inline code in a title into a flex item, splitting the surrounding words into stacked columns. Lay the summary out as a block, reserve 2rem on the right for the chevron, and center the chevron vertically in both the closed and open states. Co-Authored-By: Claude Opus 5.5 --- src/css/doc.css | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/src/css/doc.css b/src/css/doc.css index d880b984..ffcc6efb 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -1587,10 +1587,12 @@ html[data-theme="dark"] .listingblock .title { padding-bottom: 0; } +/* Block, not flex: as a flex container, inline code in a title split the words around it into columns. + The right padding reserves room for the chevron so a wrapped title never runs under it. */ .doc details > summary.title { - display: flex; - align-items: center; + display: block; position: relative; + padding-right: 2rem; border-radius: 10px; line-height: var(--doc-line-height); background: none; @@ -1618,12 +1620,14 @@ details[open] > summary { height: 1.2em; position: absolute; right: 0; + top: 50%; + transform: translateY(-50%); } .doc details[open] > summary::after { border-color: currentColor transparent transparent; border-width: 0.5rem 0.3rem 0; - transform: rotate(90deg); + transform: translateY(-50%) rotate(90deg); } .doc details { From 823966677d7a81ee27b724c849709022e26a4b78 Mon Sep 17 00:00:00 2001 From: micheleRP Date: Wed, 11 Nov 2026 15:26:32 -0700 Subject: [PATCH 2/3] fix: apply the collapsible title fix to the search overlay doc-bump.css mirrors the doc.css collapsible rules for the detached search overlay, so it still had the flex layout that lets a wrapped title run under the chevron. Apply the same block layout, right padding, and vertically centered chevron there. Also reword the doc.css comment to state the current reason rather than past behavior. Co-Authored-By: Claude Opus 5.5 --- src/css/doc-bump.css | 9 ++++++--- src/css/doc.css | 2 +- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/src/css/doc-bump.css b/src/css/doc-bump.css index 5e14ef54..cd906e5c 100644 --- a/src/css/doc-bump.css +++ b/src/css/doc-bump.css @@ -682,10 +682,11 @@ html[data-theme=dark] { padding-bottom: 0; } +/* Mirrors .doc details > summary.title in doc.css: block layout, with room reserved for the chevron. */ .aa-DetachedOverlay .doc details > summary.title { - display: flex; - align-items: center; + display: block; position: relative; + padding-right: 2rem; border-radius: 10px; line-height: var(--doc-line-height); background: none; @@ -709,12 +710,14 @@ html[data-theme=dark] { height: 1.2em; position: absolute; right: 0; + top: 50%; + transform: translateY(-50%); } .aa-DetachedOverlay .doc details[open] > summary::after { border-color: currentColor transparent transparent; border-width: 0.5rem 0.3rem 0; - transform: rotate(90deg); + transform: translateY(-50%) rotate(90deg); } .aa-DetachedOverlay .doc details { diff --git a/src/css/doc.css b/src/css/doc.css index ffcc6efb..5a014781 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -1587,7 +1587,7 @@ html[data-theme="dark"] .listingblock .title { padding-bottom: 0; } -/* Block, not flex: as a flex container, inline code in a title split the words around it into columns. +/* Block, not flex: a flex container makes inline code in a title its own item and splits the words around it into columns. The right padding reserves room for the chevron so a wrapped title never runs under it. */ .doc details > summary.title { display: block; From 58f5ab8ef7b99ef0163f9740b5355bdc8bec63c6 Mon Sep 17 00:00:00 2001 From: micheleRP Date: Thu, 12 Nov 2026 12:14:38 -0700 Subject: [PATCH 3/3] fix: drop the chevron's unused border rules and note the overlay mirror The open-state chevron rules set border-color and border-width, but the chevron is a background image with no border-style, so neither rendered. The doc.css comment now points to the doc-bump.css copy. Co-Authored-By: Claude Opus 5.5 --- src/css/doc-bump.css | 2 -- src/css/doc.css | 5 ++--- 2 files changed, 2 insertions(+), 5 deletions(-) diff --git a/src/css/doc-bump.css b/src/css/doc-bump.css index cd906e5c..e61cb018 100644 --- a/src/css/doc-bump.css +++ b/src/css/doc-bump.css @@ -715,8 +715,6 @@ html[data-theme=dark] { } .aa-DetachedOverlay .doc details[open] > summary::after { - border-color: currentColor transparent transparent; - border-width: 0.5rem 0.3rem 0; transform: translateY(-50%) rotate(90deg); } diff --git a/src/css/doc.css b/src/css/doc.css index 5a014781..a9f88314 100644 --- a/src/css/doc.css +++ b/src/css/doc.css @@ -1588,7 +1588,8 @@ html[data-theme="dark"] .listingblock .title { } /* Block, not flex: a flex container makes inline code in a title its own item and splits the words around it into columns. - The right padding reserves room for the chevron so a wrapped title never runs under it. */ + The right padding reserves room for the chevron so a wrapped title never runs under it. + Mirrored in doc-bump.css (.aa-DetachedOverlay) for the detached search overlay. */ .doc details > summary.title { display: block; position: relative; @@ -1625,8 +1626,6 @@ details[open] > summary { } .doc details[open] > summary::after { - border-color: currentColor transparent transparent; - border-width: 0.5rem 0.3rem 0; transform: translateY(-50%) rotate(90deg); }