chore: fix checklist indentation jumping

2024-01-03 14:07:07 +05:30
parent 990baf2a06
commit 8a3fab1024
1 changed files with 7 additions and 0 deletions
--- a/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lists.scss
+++ b/packages/web/src/javascripts/Components/SuperEditor/Lexical/Theme/lists.scss
@@ -35,6 +35,13 @@
  margin-left: 16px;
  list-style-position: outside;

+  // Fix indentation for checklists
+  // Lexical doesn't support setting a class specifically for checklists at the moment
+  // so we use the has selector to see if the items are check list items
+  &:has(> [aria-checked]) {
+    margin-left: 0;
+  }
+
  &.Lexical__rtl {
    margin-left: 0;
    margin-right: 16px;