fix: restore list markers in lesson editor to match saved prose output

Tailwind's list-style reset stripped bullets and numbers while editing. Mirror dashboard prose list styles in the editor CSS instead.
This commit is contained in:
Rotimi Best
2026-06-09 22:28:28 +01:00
parent f615b06bf8
commit cf79b24dc3
2 changed files with 17 additions and 13 deletions
+17 -3
View File
@@ -102,12 +102,26 @@
font-weight: bold;
}
/* List Styling */
/* List Styling — mirror dashboard `.prose` list rules so editor matches saved output */
.tiptap ul,
.tiptap ol {
padding: 0 1rem;
margin: 0.5rem 1rem 0.5rem 0.4rem;
margin-block: 1.5rem;
margin-inline-start: 1.5rem;
padding: 0;
}
.tiptap ul:not([data-type='taskList']) {
list-style-type: disc;
}
.tiptap ol {
list-style-type: decimal;
}
.tiptap ul li,
.tiptap ol li {
margin-top: 0.5rem;
}
.tiptap ul li p,
-10
View File
@@ -31,16 +31,6 @@ export default (
content,
extensions: [
StarterKit.configure({
orderedList: {
HTMLAttributes: {
class: 'list-decimal'
}
},
bulletList: {
HTMLAttributes: {
class: 'list-disc'
}
},
heading: {
levels: [1, 2, 3, 4]
},