From a776a14616872b7f55276a341027631452f1e404 Mon Sep 17 00:00:00 2001 From: Dobrunia Kostrigin <48620984+Dobrunia@users.noreply.github.com> Date: Sun, 12 Apr 2026 13:12:59 +0300 Subject: [PATCH 1/4] Sidebar: bold top-level items only; tighter spacing after collapsed sections --- src/frontend/styles/components/sidebar.pcss | 12 +++++++++--- 1 file changed, 9 insertions(+), 3 deletions(-) diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss index 8eac153f..47ffc43e 100644 --- a/src/frontend/styles/components/sidebar.pcss +++ b/src/frontend/styles/components/sidebar.pcss @@ -202,10 +202,16 @@ /* 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; - } + /* Top-level sidebar rows only: always bold (with or without children). Nested levels stay 400. */ + &__content > .docs-sidebar__section > .docs-sidebar__section-title-wrapper > .docs-sidebar__section-title { + font-weight: 700; + } + + /* Tighter gap between root items when the previous section is collapsed. */ + &__content > .docs-sidebar__section--collapsed + .docs-sidebar__section { + margin-top: 12px; } &__section-title > span { From 835fca1203fdf5ac2afffa6963705f0b51962c12 Mon Sep 17 00:00:00 2001 From: Dobrunia Kostrigin <48620984+Dobrunia@users.noreply.github.com> Date: Sun, 12 Apr 2026 13:52:53 +0300 Subject: [PATCH 2/4] version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) 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" From 8995ec5e1d029e3a036240e0187dbbb65b618116 Mon Sep 17 00:00:00 2001 From: Dobrunia Kostrigin <48620984+Dobrunia@users.noreply.github.com> Date: Sun, 12 Apr 2026 14:03:34 +0300 Subject: [PATCH 3/4] Refactor sidebar styles: remove leaf-specific styles and introduce typography tiers for better clarity and consistency --- src/frontend/styles/components/sidebar.pcss | 38 +++++++++++---------- 1 file changed, 20 insertions(+), 18 deletions(-) diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss index 47ffc43e..e84d5193 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; } @@ -204,11 +187,30 @@ } } - /* Top-level sidebar rows only: always bold (with or without children). Nested levels stay 400. */ + /* + * Two typography tiers: + * - Root (1st level): 16px / 24 / 34px row, bold — same for branches and single links. + * - Nested: one shared style for all deeper levels (branches + leaves). + */ &__content > .docs-sidebar__section > .docs-sidebar__section-title-wrapper > .docs-sidebar__section-title { + font-size: 16px; + line-height: 24px; + height: 34px; font-weight: 700; } + .docs-sidebar__section--nested .docs-sidebar__section-title { + font-size: 14px; + line-height: 21px; + height: 29px; + font-weight: 400; + + @media (--mobile) { + font-size: 16px; + line-height: 21px; + } + } + /* Tighter gap between root items when the previous section is collapsed. */ &__content > .docs-sidebar__section--collapsed + .docs-sidebar__section { margin-top: 12px; From bf141c7ba4eb2506631a642cdc3f47c7e0389e7f Mon Sep 17 00:00:00 2001 From: Dobrunia Kostrigin <48620984+Dobrunia@users.noreply.github.com> Date: Mon, 13 Apr 2026 18:33:46 +0300 Subject: [PATCH 4/4] Update sidebar-section.twig and sidebar styles: distinguish root and nested sections with updated class names and styles for improved clarity and consistency. --- .../views/components/sidebar-section.twig | 4 ++-- src/frontend/styles/components/sidebar.pcss | 17 +++++------------ 2 files changed, 7 insertions(+), 14 deletions(-) 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 e84d5193..936d70ed 100644 --- a/src/frontend/styles/components/sidebar.pcss +++ b/src/frontend/styles/components/sidebar.pcss @@ -187,19 +187,13 @@ } } - /* - * Two typography tiers: - * - Root (1st level): 16px / 24 / 34px row, bold — same for branches and single links. - * - Nested: one shared style for all deeper levels (branches + leaves). - */ - &__content > .docs-sidebar__section > .docs-sidebar__section-title-wrapper > .docs-sidebar__section-title { - font-size: 16px; - line-height: 24px; - height: 34px; + /* 1st-level title row (see sidebar-section.twig: --root). */ + &__section-title--root { font-weight: 700; } - .docs-sidebar__section--nested .docs-sidebar__section-title { + /* Deeper levels: one style for all nested items. */ + &__section--nested &__section-title { font-size: 14px; line-height: 21px; height: 29px; @@ -211,8 +205,7 @@ } } - /* Tighter gap between root items when the previous section is collapsed. */ - &__content > .docs-sidebar__section--collapsed + .docs-sidebar__section { + .docs-sidebar__section--root.docs-sidebar__section--collapsed + .docs-sidebar__section--root { margin-top: 12px; }