davidl/tolaria
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: align list nesting vertical lines with bullet center via ::before left offset

Browse Source
This commit is contained in:
lucaronin
2026-02-16 14:07:02 +01:00
parent 00ad997a26
commit 78fedc92e7
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/EditorTheme.css
View File

@@ -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 --- */