👁️
start on list nesting
+8
-4
+2
-2
src/components/richtext/RichtextRenderer.tsx
+2
-2
src/components/richtext/RichtextRenderer.tsx
···
86
86
87
87
case "com.deckbelcher.richtext#bulletListBlock":
88
88
return (
89
-
<ul className="list-disc list-inside my-2 space-y-1">
89
+
<ul className="list-disc pl-6 my-2 space-y-1">
90
90
{block.items.map((item, i) => (
91
91
// biome-ignore lint/suspicious/noArrayIndexKey: doc is immutable
92
92
<ListItemRenderer key={i} item={item} />
···
97
97
case "com.deckbelcher.richtext#orderedListBlock":
98
98
return (
99
99
<ol
100
-
className="list-decimal list-inside my-2 space-y-1"
100
+
className="list-decimal pl-6 my-2 space-y-1"
101
101
start={block.start ?? 1}
102
102
>
103
103
{block.items.map((item, i) => (
+6
-2
src/components/richtext/schema.ts
+6
-2
src/components/richtext/schema.ts
···
131
131
return [
132
132
"ol",
133
133
{
134
-
class: "list-decimal pl-6 my-2 space-y-1",
134
+
// Nested: 1,2,3 → a,b,c → i,ii,iii
135
+
class:
136
+
"list-decimal pl-6 my-2 space-y-1 [&_ol]:list-[lower-alpha] [&_ol_ol]:list-[lower-roman]",
135
137
start: node.attrs.order === 1 ? null : node.attrs.order,
136
138
"data-tight": node.attrs.tight ? "true" : null,
137
139
},
···
156
158
return [
157
159
"ul",
158
160
{
159
-
class: "list-disc pl-6 my-2 space-y-1",
161
+
// Nested: disc → circle → square
162
+
class:
163
+
"list-disc pl-6 my-2 space-y-1 [&_ul]:list-[circle] [&_ul_ul]:list-[square]",
160
164
"data-tight": node.attrs.tight ? "true" : null,
161
165
},
162
166
0,