From d083aeb3fdbc17e3c8612cf9cf3e31cb731c843f Mon Sep 17 00:00:00 2001
From: Peter Mosses <18308236+pdmosses@users.noreply.github.com>
Date: Mon, 4 Jul 2022 21:24:31 +0200
Subject: [PATCH] Fix nested task lists (#517) (#855)
Fix #517
Users expect nested task lists to have the same indentation as other lists.
Fix the styling in `_sass/content.scss` to do that.
Add examples in `docs/index-test.md` to test.
---
_sass/content.scss | 9 ++-------
docs/index-test.md | 24 ++++++++++++++++++++++++
2 files changed, 26 insertions(+), 7 deletions(-)
diff --git a/_sass/content.scss b/_sass/content.scss
index eb97e393..21817998 100644
--- a/_sass/content.scss
+++ b/_sass/content.scss
@@ -82,14 +82,7 @@
}
}
- .task-list {
- padding-left: 0;
- }
-
.task-list-item {
- display: flex;
- align-items: center;
-
&::before {
content: "";
}
@@ -97,6 +90,8 @@
.task-list-item-checkbox {
margin-right: 0.6em;
+ margin-left: -1.4em;
+ // The same margin-left is used above for ul > li::before
}
hr + * {
diff --git a/docs/index-test.md b/docs/index-test.md
index 6b41048d..b4eca9dd 100644
--- a/docs/index-test.md
+++ b/docs/index-test.md
@@ -152,6 +152,30 @@ Some text
- [ ] Hello, this is another TODO item
- [x] Goodbye, this item is done
+### Nesting task lists
+
+- [ ] level 1 item (task)
+ - [ ] level 2 item (task)
+ - [ ] level 2 item (task)
+- [ ] level 1 item (task)
+- [ ] level 1 item (task)
+
+### Nesting a ul in a task list
+
+- [ ] level 1 item (task)
+ - level 2 item (ul)
+ - level 2 item (ul)
+- [ ] level 1 item (task)
+- [ ] level 1 item (task)
+
+### Nesting a task list in a ul
+
+- level 1 item (ul)
+ - [ ] level 2 item (task)
+ - [ ] level 2 item (task)
+- level 1 item (ul)
+- level 1 item (ul)
+
### Small image
--
GitLab