Skip to content

Commit a776a14

Browse files
committed
Sidebar: bold top-level items only; tighter spacing after collapsed sections
1 parent 5a92c72 commit a776a14

1 file changed

Lines changed: 9 additions & 3 deletions

File tree

src/frontend/styles/components/sidebar.pcss

Lines changed: 9 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -202,10 +202,16 @@
202202
/* plain radius: --squircle uses mask-box-image and gets clipped by overflow:hidden on ancestors */
203203
border-radius: 8px;
204204
}
205+
}
205206

206-
&:has(.docs-sidebar__section-toggler) {
207-
font-weight: 700;
208-
}
207+
/* Top-level sidebar rows only: always bold (with or without children). Nested levels stay 400. */
208+
&__content > .docs-sidebar__section > .docs-sidebar__section-title-wrapper > .docs-sidebar__section-title {
209+
font-weight: 700;
210+
}
211+
212+
/* Tighter gap between root items when the previous section is collapsed. */
213+
&__content > .docs-sidebar__section--collapsed + .docs-sidebar__section {
214+
margin-top: 12px;
209215
}
210216

211217
&__section-title > span {

0 commit comments

Comments
 (0)