diff --git a/apps/vscode/CHANGELOG.md b/apps/vscode/CHANGELOG.md index cda4dabe..73992855 100644 --- a/apps/vscode/CHANGELOG.md +++ b/apps/vscode/CHANGELOG.md @@ -6,7 +6,8 @@ - Fixed a bug where the `autoDetectColorScheme` setting could cause equation previews to have a dark text on dark background and vice versa (). - Fixed a regression where bash cell execution does not work (). - Fixed cell formatting sometimes deleting code at the end of the cell (). -- Removed visual/source toggle button from Positron editor action bar. You can still switch between editing modes using the command palette or context menu () +- Removed visual/source toggle button from Positron editor action bar. You can still switch between editing modes using the command palette or context menu (). +- Improved checkbox list item appearance in the Visual Editor (). ## 1.128.0 (Release on 2026-01-08) diff --git a/packages/editor/src/nodes/list/list-styles.css b/packages/editor/src/nodes/list/list-styles.css index bad37d60..b22b2184 100644 --- a/packages/editor/src/nodes/list/list-styles.css +++ b/packages/editor/src/nodes/list/list-styles.css @@ -21,20 +21,21 @@ flex: 0 1 auto; margin-top: 3px; margin-right: 7px; + height: 13px; } .ProseMirror li .list-item-content { flex: 1 1 auto; } -.ProseMirror li ul, +.ProseMirror li ul, .ProseMirror li ol { margin-bottom: 1em; } -.ProseMirror ol[data-tight] li ul, -.ProseMirror ol[data-tight] li ol, -.ProseMirror ul[data-tight] li ul, +.ProseMirror ol[data-tight] li ul, +.ProseMirror ol[data-tight] li ol, +.ProseMirror ul[data-tight] li ul, .ProseMirror ul[data-tight] li ol { margin-bottom: 0; } @@ -51,6 +52,27 @@ margin-bottom: 0.3rem; } +.ProseMirror ol > li[data-checked], +.ProseMirror ul > li[data-checked] +{ + list-style-type: none; + margin-left: -20px; + margin-bottom: 1em; +} + +.ProseMirror ol[data-tight] > li[data-checked], +.ProseMirror ul[data-tight] > li[data-checked] +{ + list-style-type: none; + margin-left: -20px; + margin-bottom: 0.3rem; +} +.ProseMirror ol > li[data-checked] > .list-item-container > .list-item-content > p, +.ProseMirror ul > li[data-checked] > .list-item-container > .list-item-content > p +{ + margin-bottom: 0rem; +} + /* Example Lists */ .ProseMirror ol[data-example] {