Skip to content

fix: keep collapsible titles clear of the chevron #461

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
micheleRP merged 3 commits into from
Nov 12, 2026
Merged

fix: keep collapsible titles clear of the chevron #461

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
78397da
fix: keep collapsible titles clear of the chevron
micheleRP Nov 11, 2026
8239666
fix: apply the collapsible title fix to the search overlay
micheleRP Nov 11, 2026
58f5ab8
fix: drop the chevron's unused border rules and note the overlay mirror
micheleRP Nov 12, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 6 additions & 5 deletions src/css/doc-bump.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -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;
Expand All @@ -709,12 +710,12 @@ 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 {
Expand Down
13 changes: 8 additions & 5 deletions src/css/doc.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1587,10 +1587,13 @@ html[data-theme="dark"] .listingblock .title {
padding-bottom: 0;
}

/* 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.
Mirrored in doc-bump.css (.aa-DetachedOverlay) for the detached search overlay. */
.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;
Expand Down Expand Up @@ -1618,12 +1621,12 @@ 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 {
Expand Down
Loading