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:
@@ -102,12 +102,26 @@
|
|||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* List Styling */
|
/* List Styling — mirror dashboard `.prose` list rules so editor matches saved output */
|
||||||
|
|
||||||
.tiptap ul,
|
.tiptap ul,
|
||||||
.tiptap ol {
|
.tiptap ol {
|
||||||
padding: 0 1rem;
|
margin-block: 1.5rem;
|
||||||
margin: 0.5rem 1rem 0.5rem 0.4rem;
|
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,
|
.tiptap ul li p,
|
||||||
|
|||||||
@@ -31,16 +31,6 @@ export default (
|
|||||||
content,
|
content,
|
||||||
extensions: [
|
extensions: [
|
||||||
StarterKit.configure({
|
StarterKit.configure({
|
||||||
orderedList: {
|
|
||||||
HTMLAttributes: {
|
|
||||||
class: 'list-decimal'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
bulletList: {
|
|
||||||
HTMLAttributes: {
|
|
||||||
class: 'list-disc'
|
|
||||||
}
|
|
||||||
},
|
|
||||||
heading: {
|
heading: {
|
||||||
levels: [1, 2, 3, 4]
|
levels: [1, 2, 3, 4]
|
||||||
},
|
},
|
||||||
|
|||||||
Reference in New Issue
Block a user