From 78fedc92e7004a88c58a5dab3c4bcfb2ad9463c4 Mon Sep 17 00:00:00 2001 From: lucaronin Date: Mon, 16 Feb 2026 14:07:02 +0100 Subject: [PATCH] fix: align list nesting vertical lines with bullet center via ::before left offset --- src/components/EditorTheme.css | 11 ++++++----- 1 file changed, 6 insertions(+), 5 deletions(-) diff --git a/src/components/EditorTheme.css b/src/components/EditorTheme.css index 811b33be..ac53f9a2 100644 --- a/src/components/EditorTheme.css +++ b/src/components/EditorTheme.css @@ -125,15 +125,16 @@ flex-shrink: 0 !important; } -/* Nested list indentation — shift the left border to align with bullet symbols */ +/* Nested list indentation */ .editor__blocknote-container .bn-block-group .bn-block-group { margin-left: var(--lists-indent-size); } -/* Align the vertical nesting lines (left border) with the center of the bullet */ -.editor__blocknote-container .bn-block-group .bn-block-group[class] { - padding-left: calc(var(--lists-indent-size) / 2) !important; - border-left-width: 1px !important; +/* Align the vertical nesting lines with the center of the parent bullet. + BlockNote draws the line via ::before on .bn-block-outer inside nested groups. + We adjust its left position to align with the bullet center. */ +.editor__blocknote-container .bn-block-group .bn-block-group .bn-block-outer::before { + left: calc(var(--lists-indent-size) / 2) !important; } /* --- Numbered lists --- */