diff --git a/package.json b/package.json index c5c0aef5..af1a5321 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "codex.docs", "license": "Apache-2.0", - "version": "2.3.1", + "version": "2.3.2", "type": "module", "bin": { "codex.docs": "dist/backend/app.js" diff --git a/src/backend/views/components/sidebar-section.twig b/src/backend/views/components/sidebar-section.twig index cb60214a..74cafdf7 100644 --- a/src/backend/views/components/sidebar-section.twig +++ b/src/backend/views/components/sidebar-section.twig @@ -1,9 +1,9 @@ {% set is_leaf = node.children is not defined or node.children is empty %} -
+
-
+
{{ node.title | striptags }} diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss index 8eac153f..936d70ed 100644 --- a/src/frontend/styles/components/sidebar.pcss +++ b/src/frontend/styles/components/sidebar.pcss @@ -123,23 +123,6 @@ margin-top: 2px; } - &--leaf { - .docs-sidebar__section-title { - font-size: 14px; - line-height: 21px; - height: 29px; - - @media (--mobile) { - font-size: 16px; - line-height: 21px; - } - } - - .docs-sidebar__section-title--active { - color: white; - } - } - &--hidden { display: none; } @@ -202,12 +185,30 @@ /* plain radius: --squircle uses mask-box-image and gets clipped by overflow:hidden on ancestors */ border-radius: 8px; } + } - &:has(.docs-sidebar__section-toggler) { - font-weight: 700; + /* 1st-level title row (see sidebar-section.twig: --root). */ + &__section-title--root { + font-weight: 700; + } + + /* Deeper levels: one style for all nested items. */ + &__section--nested &__section-title { + font-size: 14px; + line-height: 21px; + height: 29px; + font-weight: 400; + + @media (--mobile) { + font-size: 16px; + line-height: 21px; } } + .docs-sidebar__section--root.docs-sidebar__section--collapsed + .docs-sidebar__section--root { + margin-top: 12px; + } + &__section-title > span { white-space: nowrap; overflow: hidden;